Help with postioning divs

  • Please refer to my site at: https://www.bobtema.com/

    I am trying to position two divs side by side. The divs in question are <div class=”intro> and <div class=”content”>.

    Right now it appears that “intro” is bumping down “content” – but I want them side by side.

    Please advise.

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

  • Try adding “clear: none;” to the 2 CSS classes in those div’s. Or, you can add that inline via a style=”clear: none;” attribute to the div’s directly.

    -WCC

    Here’s another way of looking at it for beginners:

    always wrap float elements inside a div and create a special css rule for that div. example:

    <div class='floatcontainer'>
AND ONLY PLACE FLOATING ELEMENTS IN HERE. IF IT DOESN'T FLOAT, IT DOESN'T GO IN HERE.
<div>

    and the floatcontainer is just a clearfix hack. Second, all floating DIVs must have a width otherwise there’s no point in floating it.

    Now you can go crazy with floating divs.

    Thread Starter bobtem

    (@bobtem)

    Amonon,
    Could you firebug the code from that page and offer me a specific example of the new class I would create. Guess I”m not sure what attributes to assign to it.

    Regards,
    BOb T

    <style type="text/css">
body {
	background-image: url(images/header_bg.jpg);
	background-repeat: repeat;
}
</style>

    is in the body section of your code….it would need to be in your <head> section. CSS needs to be in your stylesheet, or in the head (unless its inline styling)

    Also, check this out:
    https://validator.w3.org/check?uri=http%3A%2F%2Fwww.bobtema.com%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1&group=0&user-agent=W3C_Validator%2F1.767

    Any idea what that’s about? I was trying to run your site through the validator (its hard to truly pin down css issues when a site isn’t valid, as it will look quite different on different browsers) but I can’t even get yours to run

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Help with postioning divs’ is closed to new replies.