mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 18.04.2024 11:28 Benutzername: Passwort: Auto-Login

Thema: css2, ie6, div+hoehe vom 07.07.2005


Neues Thema eröffnen   Neue Antwort erstellen 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

Antworten mit Zitat Zum Seitenanfang

ich hab ein problem mit div-containern, deren höhe usw... * Keine Ahnung... *

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
  View user's profile Private Nachricht senden
13pixelchen
Account gelöscht


Ort: -

Verfasst Do 07.07.2005 23:19
Titel

Antworten mit Zitat Zum Seitenanfang

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: Männlich
Verfasst Do 07.07.2005 23:30
Titel

Antworten mit Zitat Zum Seitenanfang

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;
  View user's profile Private Nachricht senden
kurtzman
Threadersteller

Dabei seit: 07.07.2005
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 08.07.2005 00:58
Titel

Antworten mit Zitat Zum Seitenanfang

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!
  View user's profile Private Nachricht senden
 
Neues Thema eröffnen   Neue Antwort erstellen
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.