Layout <div>’s not displaying in right place

  • Hi all. I made this page in html using a mockup guide first. It’s supposed to look like this: https://www.djneroso.com/test

    The wordpress url is: https://www.djneroso.com
    I checked the order of the div’s and the css is right, but when wordpress generates <div id=”page”> ends at the header when it should be extended throughout the whole page as the main container div. More importantly, <div id=”sidebar”> appears within the blogcontent div, instead of floating to the right within the <div id=”content”> container div. It looks really messed up even when viewing through page.php. Any help is appreciated, thanks.

    License: This is my own personal page. The mockup guide did not contain any licenses nor any specifics on how to make it into a wordpress template.

Viewing 3 replies - 1 through 3 (of 3 total)

  • I guess you didn’t write your own wordpress tags, because else it wouldn”t create it’s own divs. Try to learn about the wordpress loop and template tags starting at the wordpress documentation.

    There are some great tutorials about creating a wp theme an example:
    https://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/
    Its defenitly not a short tutorial but gives you a great base.

    Greetz,

    Durgé
    Dimics.com

    Thread Starter illectronic

    (@illectronic)

    Thanks so much for the link, but the tutorial is somewhat incomplete. It doesn’t mention get_header(); ?> or getsidebar(); ?>

    Thats right but it’s not nessesary:

    You can start of by coding your whole site in the index.php it just gives you an overview of all your code. When it works you cut paste your header sidebar and footer into the new files and then you need to insert the get_header(); get_… tags were you’ve removed the code.

    It’s not nessesary that your theme is devided into the different template files while coding, it’s good to devide your theme once you have your basic index page so you can go on by making the single.php, page.php (and all the other) template files.

    Greetz,

    Durgé
    Dimics.com

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Layout <div>’s not displaying in right place’ is closed to new replies.

Tags