|
||||
Problem mit untereinanderlegung von divs
Hallo alle zusammen.
Ich habe das problem, das ich gerne ganz einfach zwei "Divs" unter einander haben möchte, so wie in Tabllen <tr>....</tr><tr>....</tr> Nur gelingt mir dieses nur bedingt. Der IE zeigt es so an wie es sein sollte. der Firefox nicht und Opera auch nicht. Hier einmal der Code: Code:
<?xml version="1.0" encoding="ISO-8859-1" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> <title>IA-Project 2005</title> <style type="text/css"> body{ text-align:center; background-color:#0099CC; } #hauptinhalt{ padding: 0; width: 902px; height: 100%; margin: 0px auto; text-align: left; border: 1px solid #000000; background-color: #FFFFFF; } #footerinhalt{ width: auto; height: auto; text-align:left; margin: 50% auto auto; border-bottom: 1px solid #000000; background-color: #FFFFFF; } #logo{ display:block; position:relative; text-align:center; clear:right; } #haupt-menue{ position:ralative; display:block; margin: 0px auto; background-image:url(toptbbg.jpg); width:100%; height:32px; vertical-align:middle; } .footer-menue{ background-color: #D4D4D4; text-align: center; font-family: "Courier New", Courier, mono; font-size: 12px; } .footer-extras{ background-color: #F1F2ED; text-align: center; font-family: "Courier New", Courier, mono; font-size: 12px; } </style> </head> <body> <div id="hauptinhalt"> <div id="logo"> [img]logo01.jpg[/img] [img]logo02.jpg[/img] [img]logo03.jpg[/img] [img]logo04.jpg[/img] </div> <div id="haupt-menue">Irgendwas ein inhalt mit hintergrun</div> <div id="footerinhalt"> <p class="footer-menue">Startseite -- Portal -- Kontakt -- Impressum </p> <p class="footer-extras"> [img]home.gif[/img] Als Startseite festlegen ... [img]fav.gif[/img] Zu den Favoriten ... </p> </div> </div> </body> </html> So, Problem ist, das ich oben das Logo aus vier grafiken erstellt habe und der Hintergrund vom Menü was unter dem Logo erscheinen soll, sich nicht an die richtige stelle setzt. Im Firefox über oder unter das Bild. Außer der Text, der steht natürlich komischer weiße da wo er hin soll. Ich weiß einfach nicht mehr weiter Wäre nett wenn mir dabei einer helfen könnte. Danke schon mal Gruß Thorsten |
Sponsored Links |
|
|||
ein div brauch kein display: block; es ist bereits ein Block element..
dann vermischst du position: relative; mit clear elementen also auf gut deutsch ein heilloses Durcheinander.. #haupt-menue hat position: relative; noch falsch geschrieben.. du solltest dich mal bei selfhtml oder css4you einlesen zum thema Positionierung.. |
Sponsored Links |
|
|||
Re: Problem mit untereinanderlegung von divs
Zitat:
Um Bilder nebeneinander zu bekommen brauchst du kein float; Bilder sind inline-Elemente und stehen ganz von selbst in einer Zeile, wenn der Platz ausreicht. Du musst darauf achten, dass du keine Lücken im Quelltext zwischen den Bildern hast, sonst entsteht dort jeweils ein Leerzeichen. BTW: Warum zerschneidest du das Titelbild überhaupt? Mach doch ein einzelnes Bild draus - dann erledigt sich das Problem ganz von selbst. Grüße fricca |
|
|||
Zitat:
Ist diese da, wird der IE in den Quirks Mode versetzt. Da du den content-type ja mittels des meta-Elementes festgelegt hast, gibt es auch keine Probleme durch das Weglassen deiner ersten Zeile. . mmmmServus Raaven . |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit zwei divs float right und left | nicolafw | CSS | 6 | 13.05.2013 10:33 |
Problem mit Höhe eines divs (height: 100%) | redwueter | CSS | 9 | 20.02.2012 10:18 |
Problem bei Div's - zwei mal das gleiche und doch nicht ... | Niriel | CSS | 10 | 09.06.2005 17:39 |
problem mit divs | Mr.Right | CSS | 0 | 09.06.2005 17:31 |
div's und float problem ? | saphear | CSS | 1 | 17.02.2005 09:31 |