I'm not 100% sure what the layout you're trying to accomplish, but the div-id is used to target where on the listing page the listing appears. For example:
---
title: ""
listing:
id: main-listing
contents: posts
sort: "date desc"
type: default
categories: true
sort-ui: false
filter-ui: false
page-layout: full
title-block-banner: false
---
## Here is my listing
:::{#main-listing}
:::
## This is a heading
And where is some content
This is useful if you'd like place your listing not at the bottom of the content / page, but instead would like to position it very specifically.
If you'd like to move the listing to another page, just create another qmd file with the listing metadata in it and it will populate that page. e.g. blog.qmd
which contains:
---
title: ""
listing:
id: main-listing
contents: posts
sort: "date desc"
type: default
categories: true
sort-ui: false
filter-ui: false
page-layout: full
title-block-banner: false
---
HTH!