Разметка в три колонки

ONIX · January 15, 2009

Имеется вот такой вот макет разметки, в три колонки с футером и хэдером. Пока некорректно отображается, что нужно подправить, чтобы правильно отобразилось в IE6,7 FF2 Opera9 ?

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Page</title>

</head>

<body>

<div >

</div>

</div>

<br />

</body>

</html>

default.css

body

{

padding:0;

width:100%;

height:100%;

margin:0;

}

html

{

font-family:Arial;

line-height: 150%;

}

#header

{

background-color:Gray;

}

#left

{

float:left;

width:20%;

background-color:Green;

}

#right

{

float:right;

width:80%;

/*background-color:Aqua;*/

}

#footer

{

background-color:Lime;

}

#text

{

overflow:hidden;

float:left;

width:80%;

background-color:Fuchsia;

}

#announcements

{

overflow:hidden;

float:right;

width:20%;

background-color:Maroon;

}

header.html

<p>Header

</div>

footer.html

<p>Footer

</div>

menu.html

<p>Menu

</div>

content.html

</div>

text.html

<p>Text

</div>

announcements.html

<p>Anouncements

</div>

Edited January 15, 2009 by ONIX

Scrum · January 15, 2009

что нужно подправить

- для начала надо написать что некорректно/неправильно отображается

Sign In

Разметка в три колонки

Question

ONIX

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Scrum

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information