Datenschutzerklärung
FAQ
::
Mitgliederliste
::
MGi Team
Willkommen auf dem Portal für Mediengestalter
Zur Registrierung
Aktuelles Datum und Uhrzeit: Do 18.04.2024 11:28
Benutzername:
Passwort:
Auto-Login
Thema:
css2, ie6, div+hoehe
vom
07.07.2005
MGi Foren-Übersicht
->
Allgemeines - Nonprint
->
css2, ie6, div+hoehe
Autor
Nachricht
kurtzman
Threadersteller
Dabei seit
: 07.07.2005
Ort
: -
Alter
: -
Geschlecht
: -
Verfasst
Do 07.07.2005 23:00
Titel
css2, ie6, div+hoehe
ich hab ein problem mit div-containern, deren höhe usw...
am besten schaut ihr euch den link ganz unten jeweils im ie6 an und dann RICHTIG im mozilla.
der graue dünne balken sollte 6px hoch sein und die unteren container sollen mit dem schwarzen in der mitte-oben abschließen.
das dokument ist xhtml und css2 valiede. habs bei w3c getestet - aber das allein heißt ja noch lange nichts...
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de">
<head>
<title></title>
<style type="text/css">
body {
border : 0 none inherit;
margin : 0;
padding : 0;
}
#main {
border : 1px solid #dddddd;
border-top : medium none inherit;
margin : 0 0 0 20px;
padding : 0;
width : 754px;
}
#header {
border : 0 none inherit;
margin : 0;
padding : 0;
height : 155px;
width : 100%;
}
#prol {
border : 0 none inherit;
margin : 0;
padding : 0;
height : 260px;
width : 100%;
}
</style>
</head>
<body>
<div id="main">
<div id="header">
<div style="border: 0 none inherit; margin: 0; padding: 0; float: left; height: 100%; width: 231px;">
<div style="border: 0 none inherit; margin: 0; padding: 0; height: 72px; width: 100%;"></div>
<div style="border: 0 none inherit; margin: 0; padding: 0; height: 6px; width: 213px; background-color: #000000;"></div>
<div style="border: 0 none inherit; margin: 0; padding: 0; height: 77px; width: 100%;"></div>
</div>
<div style="border: 0 none inherit; margin: 0; padding: 0; float: left; height: 100%; width: 295px; background-color: #000000;"></div>
<div style="border: 0 none inherit; margin: 0; padding: 0; float: left; height: 100%; width: 228px;"></div>
</div>
<div id="prol">
<div style="border: 0; margin: 0; padding: 0; float: left; height: 100%; width: 231px; background-color: #6E8486;"></div>
<div style="border: 0; margin: 0; padding: 0; float: left; height: 100%; width: 295px; background-color: #DDDDDD;"></div>
<div style="border: 0; margin: 0; padding: 0; float: left; height: 100%; width: 228px; background: #6E8486;"></div>
</div>
</div>
</body>
</html>
Ansicht im Browser
13pixelchen
Account gelöscht
Ort
: -
Verfasst
Do 07.07.2005 23:19
Titel
Also, vielleicht hilft das:
http://www.positioniseverything.net/explorer.html
und ich glaube, dass der DIV nicht 6Px hoch ist liegt daran, dass im IE der Text das Ding aufdrückt. Versuchs mit overflow:hidden.
Anzeige
Anzeige
beeviZ
Dabei seit
: 30.09.2002
Ort
: -
Alter
: -
Geschlecht
:
Verfasst
Do 07.07.2005 23:30
Titel
mach im entsprechenden div mal line-height: 1px;
der IE macht divs generell fälschlicherweise so hoch wie die eingestellte zeilenhöhe. wenns das auch nich tut dann noch font-size: 1px;
kurtzman
Threadersteller
Dabei seit
: 07.07.2005
Ort
: -
Alter
: -
Geschlecht
: -
Verfasst
Fr 08.07.2005 00:58
Titel
font-size: 1px alleine bringts!
ich hatte das problem schon mal aber da kam ich irgendwie drauf.
ich hatte schon line-height: 0px probiert aber da tat sich nichts.
danke!
MGi Foren-Übersicht
->
Allgemeines - Nonprint
Du
kannst keine
Beiträge in dieses Forum schreiben.
Du
kannst
auf Beiträge in diesem Forum
nicht
antworten.
Du
kannst
an Umfragen in diesem Forum
nicht
mitmachen.
Mediengestalter.info ist ein Projekt von
Webformatik
::
Forensoftware:
phpBB