mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 06.12.2016 04:21 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 22: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 22: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: Dortmund
Alter: 23
Geschlecht: Männlich
Verfasst Do 07.07.2005 22: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 Website dieses Benutzers besuchen
kurtzman
Threadersteller

Dabei seit: 07.07.2005
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 07.07.2005 23: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
 
Ähnliche Themen IE6 div 1px hoch... funktioniert nicht!
Bei Hover über Bild erscheint Div -> ie6 Problem...
ie6 Div ändert feste Breite wg. Child Element
CSS Frage : Body div /div div ?
Absolutes DIV in relativem DIV: rel-DIV soll "mitwachsen"!
Div schiebt nur Bild in anderem Div nach unten (Typo3)
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.