Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „float in ff und ie“

tnpl06

Noch nicht viel geschrieben

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">&copy 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:

sokie

Mod | Web

AW: float in ff und ie

wen du den floats konkrete width angibst, sollte es funktionieren (width:auto ist keine konkrete breitenangabe)
 
W

webboy24

Guest

AW: float in ff und ie

Tipp: Du musst auch immer die Border in die Width mit einberechnen! Hatte da auch immer Probleme! :D:D:D:D
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
175.155
Beiträge
2.581.856
Mitglieder
67.222
Neuestes Mitglied
Gregor
Oben