Hallo zusammen,
ich würde gerne mal wissen wie ihr layout gestaltung in html macht.
Nutzt ihr <table> Elemente oder verwendet ihr <div> Elemente
Ich habe das Problem das <div> und Styles in IE funktionieren aber leider nicht in Firefox oder Opera.
Ich hoffe auch eine lebhafte Diskussion!
<code>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"_http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd_
(http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd) ">
<html>
<head>
<title></title>
<style type="text/css">
..tablediv {
display: table;
width:600px;
background-color:#eee;
border:1px solid #666666;
border-spacing:5px;/*cellspacing:poor IE support for this*/
border-collapse:separate;
}
..celldiv {
float:left;/*fix for buggy browsers*/
display: table-cell;
width:50%;
background-color:#ccc;
}
..rowdiv {
display: table-row;
width:auto;
}
</style>
</head>
<body>
<div class="tablediv">
<div class="rowdiv">
<div class="celldiv">one cell of content in a table</div>
<div class="celldiv">one cell of content in a table</div>
</div>
<div class="rowdiv">
<div class="celldiv">one cell of content in a table</div>
<div class="celldiv">one cell of content in a table</div>
</div>
</div>
</body>
</html>
</code>
cu
Tobi
Betreff |
Von |
Datum |
|
|
Re: Table gegen div
Hallo Tobi,<br><br>hast Du schon mal dein Style etwas umgestellt?<br><br><style type="text/css"><br>.tablediv {<br>display: table;<br>width:600px;<br>background-color:#eee;<br>border:1px solid... |
|
|
|
|
|
Ansgar
Sommer
|
02.11.2005 17:01 |
|
|
Antworten
Vorsicht bei der Eingabe: Die Zeichen ' oder -- sind nicht erlaubt!