positioning

G

Guest

<html><head><style
bod

margin:0px

di

position:absolute

div.heade

left:0px
margin:0px
top:0px
height:50px
width:100%
background:red


div.foote

left:0px
margin:0px
bottom:0px
height:50px
width:100%
background:red


div.middl

left:0px
top:50px
background:yellow
bottom:50px
width:100%


div.linksfloa

padding:5px
margin:5px
height:300px
width:140px
left:0px
top:0px
background:green

div.rechtsfloa

padding:5px
margin:5px
height:300px
width:140px
right:0px
top:0px
background:green

div.mmiddl

top:0px
bottom:0px
left:160px
right:160px
background:purple


div.mto

width:100%
top:0px
height:25px
background:blush:range

div.m

width:100%
top:25px
height:25px
background:brown

div.mbo

width:100%
top:50px
bottom:0px
background:aqua
overflow:auto

</style></head><body><div class=header>header</div><div class=middle><div class=linksfloat>links</div><div class="mmiddle"><div class="mtop">title</div><div class="mm">error</div><div class="mbot"
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsdagfjdsk
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsdagfjds
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgs
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsdagfjdskjvlbjfdgj<br>fjk
</div></div><div class=rechtsfloat>rechts</div></div><div class=footer>footer</div></body></html

How can I make this html-file look like it looks like in Mozilla and Opera (W3 compliant)? I tried lots of work-arounds but none of them work in a whole, there is always an other issue popping up..

Thanks...
 
H

H Leboeuf

Did you try with a DOCTYPE tag?
http://www.blooberry.com/indexdot/html/tagpages/d/doctype.htm
--

Look at where the tags Style and Body should be.
http://www.blooberry.com/indexdot/html/tagpages/s/style.htm



Henri Leboeuf
Web page: http://www.generation.net/~hleboeuf/index.htm


Timothy said:
<html><head><style>
body
{
margin:0px;
}
div
{
position:absolute;
}
div.header
{
left:0px;
margin:0px;
top:0px;
height:50px;
width:100%;
background:red;
}

div.footer
{
left:0px;
margin:0px;
bottom:0px;
height:50px;
width:100%;
background:red;
}

div.middle
{
left:0px;
top:50px;
background:yellow;
bottom:50px;
width:100%;
}

div.linksfloat
{
padding:5px;
margin:5px;
height:300px;
width:140px;
left:0px;
top:0px;
background:green;
}
div.rechtsfloat
{
padding:5px;
margin:5px;
height:300px;
width:140px;
right:0px;
top:0px;
background:green;
}
div.mmiddle
{
top:0px;
bottom:0px;
left:160px;
right:160px;
background:purple;

}
div.mtop
{
width:100%;
top:0px;
height:25px;
background:blush:range;
}
div.mm
{
width:100%;
top:25px;
height:25px;
background:brown;
}
div.mbot
{
width:100%;
top:50px;
bottom:0px;
background:aqua;
overflow:auto;
}
</style></head><body><div class=header>header</div><div class=middle><div
Click to expand...
class=linksfloat>links said:
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
Click to expand...
agfjdskjvlbjfdgj said:
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsdagfjdsk
agfjdskjvlbjfdgj<br>fjkdsljkgldsjklgdskj<br>hgsdjhgjksdhgjkdshjkgsd
Click to expand...
agfjdskjvlbjfdgj said:
</div></div><div class=rechtsfloat>rechts</div></div><div
Click to expand...
class=footer>footer said:
How can I make this html-file look like it looks like in Mozilla and Opera
Click to expand...
(W3 compliant)? I tried lots of work-arounds but none of them work in a
whole, there is always an other issue popping up...
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Two divs and the old 100% height problem 3
FF placed image at the top of the <p> rather in its vertical middle 3
Parsing some info out of HTML - can you help me please? 3
forcing new page in Stringbuilder 2
VS2005 web not displaying properly in IE7 3
What's happening? 8
Form is shown as HTML in the designer. 0
Webpage does not load correctly 2

Top