hi leute,
habe ein problem, ich will 2 div-boxen nebeneinander stellen die linke für bild material und die rechte für text.
habe schon float angewendet, im ie wird es richtig dargestellt nur im ff nicht, wieso nicht????
hier das erste bild ist die darstellung im ff und die zweite vom ie
und hier noch meine html und mein css code:
<html>
<head>
<title>myweb</title>
<link rel="stylesheet" type="text/css" href="css/tomweb.css">
</head>
<body>
<div id="container">
<div id="titel_head"></div>
<div id="navileiste">
<div id="textbox_navi">button_1</div>
<div id="textbox_navi">button_2</div>
<div id="textbox_navi">button_3</div>
<div id="textbox_navi">button_4</div>
</div>
<div id="container_bild"><img src="pxs/testpic.gif"></div>
<div id="container_bild">Freilebende Gummibärchen gibt es nicht. Man kauft sie in Packungen an der Kinokasse. Dieser Kauf ist der Beginn einer fas</div>
<div id="footer">© 2009 by ToZ-design</div>
</div>
</body>
</html>
@charset "utf-8";
html, body, div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, img, li{
margin:0;
padding: 0;
}
body {
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background:silver;
}
#container {
position:absolute;
top:10%;
left:18%;
width:817px;
background:white;
border: 2px solid black;
text-align:left;
}
#titel_head {
width:817px;
height:100px;
border: 0px;
background-image:url(../pxs/background_head.gif);
}
#navileiste {
float:left;
width:817px;
background:green;
border: 0px solid black;
}
#textbox_navi {
padding-left:10px;
padding-right:10px;
height:20px;
overflow:hidden;
float:left;
background:red;
border-left:2px groove white;
}
/*linke seite*/
#container_bild {
width:auto;
overflow:visible;
border: 1px solid black;
float:left;
}
/*rechteseite*/
#text_box {
width:auto;
border:5px solid black;
float:right;
}
#footer {
width:817px;
height:20px;
float:left;
background:blue;
border: 0px solid black;
text-align:center;
color:#BDBDBD;
font-size:10px;
}
danke für eure antworten
habe ein problem, ich will 2 div-boxen nebeneinander stellen die linke für bild material und die rechte für text.
habe schon float angewendet, im ie wird es richtig dargestellt nur im ff nicht, wieso nicht????
hier das erste bild ist die darstellung im ff und die zweite vom ie
und hier noch meine html und mein css code:
<html>
<head>
<title>myweb</title>
<link rel="stylesheet" type="text/css" href="css/tomweb.css">
</head>
<body>
<div id="container">
<div id="titel_head"></div>
<div id="navileiste">
<div id="textbox_navi">button_1</div>
<div id="textbox_navi">button_2</div>
<div id="textbox_navi">button_3</div>
<div id="textbox_navi">button_4</div>
</div>
<div id="container_bild"><img src="pxs/testpic.gif"></div>
<div id="container_bild">Freilebende Gummibärchen gibt es nicht. Man kauft sie in Packungen an der Kinokasse. Dieser Kauf ist der Beginn einer fas</div>
<div id="footer">© 2009 by ToZ-design</div>
</div>
</body>
</html>
@charset "utf-8";
html, body, div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, img, li{
margin:0;
padding: 0;
}
body {
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background:silver;
}
#container {
position:absolute;
top:10%;
left:18%;
width:817px;
background:white;
border: 2px solid black;
text-align:left;
}
#titel_head {
width:817px;
height:100px;
border: 0px;
background-image:url(../pxs/background_head.gif);
}
#navileiste {
float:left;
width:817px;
background:green;
border: 0px solid black;
}
#textbox_navi {
padding-left:10px;
padding-right:10px;
height:20px;
overflow:hidden;
float:left;
background:red;
border-left:2px groove white;
}
/*linke seite*/
#container_bild {
width:auto;
overflow:visible;
border: 1px solid black;
float:left;
}
/*rechteseite*/
#text_box {
width:auto;
border:5px solid black;
float:right;
}
#footer {
width:817px;
height:20px;
float:left;
background:blue;
border: 0px solid black;
text-align:center;
color:#BDBDBD;
font-size:10px;
}
danke für eure antworten
Zuletzt bearbeitet: