displaying <div>s beside each other...

[sumilsay]

hey peeps. my question for today is...

how do i get 2 <div>s to align beside each other. a break is automatically put in.

here is my code:

html-
<div class="title_left"></div><div class="title_right"></div>

css-
div.title_left{
background-image: url(images/title_left.jpg);
width: 448px;
height: 163px;
position: relative;
}

div.title_right{
background-image: url(images/title_right.jpg);
width: 307px;
height: 163px;
position: relative;
}

thanks for you time everyone.
CHEERS!

 

[sedj]

not sure about <div>, but I find <span> can usually achive what most uses of <div> can ...

<span id="span1">hello</span>
<span id="span2">there</span>

 

[sedj]

This may clear matters up for you :
(Notice where it says : "Visual user agents generally place a line break before and after DIV elements"

http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.4

 

[deecee]

well a span is inline -- where you can use multiple spans on one line but a DIV is a block element -- just like <p>

you would use css to align your divs where you want but to just use divs and expect them to line up next to each other without specifying layout is not possible

zzzzzz

 

[sumilsay]

do spans work in firefox? cuz mine arent and im not sure if they even can. sawry!!! but thanks again...

 

[deecee]

firefox???

if this for a personeal site that you users have to use firefox to enjoy it or is this for the public?

span works for NN and IE (current versions of course and older ones too).

zzzzzz

 

[BillyRayPreachersSon]

Spans work just fine in Firefox.

Dan