|
|||
Probleme bei der Positionierung.
Hallo,
ich versuche schon einige Zeit eine Webseite zu gestalten, doch es tauchen immer wieder Probleme auf, die ich nicht überwinden kann. Ich habe zwei Grafiken mit abgerundeten Ecken, die mir immer wieder unter die Navigation rutschen Im Intenetexplorer 7 sieht es aus wie es aussehen soll, im Firefox und Opera allerdings nicht. Ich finde auch keinen Weg das zu ändern, jetzt hoffe ich auf Hilfe. Die Css und Html hänge ich hier mal an. Html: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Sotha2009</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel=stylesheet type="text/css" href="css.css" /> </head> <body> <div id="center"> <div id="banner"> <p> <div id="btext"> <h1> <br> Überschrift bla schwall bla <br> Weitere Überschrift bla schwetz schwall <br> </h1> <br> <h2 style="text-decoration: underline"> "Erleuterung zur unterschrift <br> usw bla bla" </h2> </div> <div id="info"> <p style="text-decoration: underline"> <marquee scrollamount="2" scrolldelay="1" direction="left"> Infokrams in laufschrift </marquee> </p> </div> </p> </div> <div id="links"> <ul id="navi"> <li><a href="home.html"> Hauptseite </a></li> <li><a href="home.html"> Hauptseite </a></li> <li><a href="home.html"> Hauptseite </a></li> <li><a href="home.html"> Hauptseite </a></li> <li><a href="home.html"> Hauptseite </a></li> <li><a href="home.html"> Hauptseite </a></li> <li><a href="home.html"> Hauptseite </a></li> <li><a href="home.html"> Hauptseite </a></li> </ul> </div> <div class="rund"> <h3>Hier kommt noch die Willkommensüberschrift.</h3> <p> Mit reichlich Wilkommenstext <br> und vielleicht ein paar Bildchen.<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> </p> </div> <div id="fuszeile"> <p> <div id="ftext"> <p>bla Copyreigt etc.</p> </div> </p> </div> </div> </body> </html> Code:
body { background-color: #ffffff; font-size: 0.8em; font-family: Arial; color: #000000; padding: 0; margin: 0; } a { color: #000000; } a:visited { color: #000000; } a:hover { color: #ffffff; } a:active { color: #000000; } p { padding: 5px; margin:0; } h1 { color: #ffffff; padding: 0; margin:0; font-size: 1.2em; font-weight: bold; } h2 { padding: 0; margin:0; font-size: 1.4em; font-weight: bold; } h3 { padding: 5px; margin:0; font-size: 1.8em; font-weight: bold; } h4 { padding: 5px; margin:0; font-size: 1.6em; font-weight: lighter; } #navi { padding-left: 0; margin-left: 0; border-bottom: 1px solid; border-color: #ffdaaa; width: 150px; } #navi li { list-style: none; margin: 0; padding: 0.25em; border-top: 1px solid; border-color: #ffdaaa; } #navi li a { text-decoration: none; } #center { width: 900px; margin: 0 auto; padding: 0; background-color: #d2c7e8; } #banner { height: 250px; margin: 0; padding: 0; background-color: #d2c7e8; background-image: url(designbilder/top.jpg); background-repeat: no-repeat; background-position: center; } #btext { text-align: center; margin-top: 30px; margin-left: 255px; padding: 0; width: 560px; height: 110px; } #info { margin-top: 44px; margin-left: 233px; width: 538px; height: 25px; padding: 0; background-color: #d2c7e8; } #content { min-height:600px; background-color: #ffdaaa; padding: 20px; margin: 0 0 0 150px; } #links { float: left; width: 150px; margin: 0; padding: 15px 0 0 0; color: #ffffff; background-color: #d2c7e8; } #fuszeile { clear: left; height: 40px; background-image: url(designbilder/fus.jpg); background-repeat: no-repeat; background-position: center; background-color: #d2c7e8; padding: 0; margin: 0; } #ftext { color: #ffdaaa; text-align: right; margin-top: -4px; margin-left: 10px; padding: 0; width: 880px; height: 25px; } div.rund { margin: 0; width: 600px; background: url(ul.jpg) no-repeat bottom left; } div.rund h3 { margin: 0; padding: 20px; background: url(ol.jpg) no-repeat top left; text-align: center; font-size:1.2em; } div.rund p { margin: 0; padding: 20px; } |
Sponsored Links |
|
||||
Innerhalb von <p> dürfen keine Blockemelemte wie DIV, H1 usw enthalten sein. Das machst du aber ein paar mal ...
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Sponsored Links |
|
|||
hallo,
das habe ich jetzt geändert, dennoch rutscht es unters Navi geändert: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Sotha2009</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel=stylesheet type="text/css" href="css.css" /> </head> <body> <div id="center"> <div id="banner"> <div id="btext"> <h1> <br> Überschrift bla schwall bla <br> Weitere Überschrift bla schwetz schwall <br> </h1> <br> <h2 style="text-decoration: underline"> "Erleuterung zur unterschrift <br> usw bla bla" </h2> </div> <div id="info"> <p style="text-decoration: underline"> <marquee scrollamount="2" scrolldelay="1" direction="left"> Infokrams in laufschrift </marquee> </p> </div> </div> <div id="links"> <ul id="navi"> <li><a href="home.html"> Hauptseite </a></li> <li><a href="home.html"> Hauptseite </a></li> <li><a href="home.html"> Hauptseite </a></li> <li><a href="home.html"> Hauptseite </a></li> <li><a href="home.html"> Hauptseite </a></li> <li><a href="home.html"> Hauptseite </a></li> <li><a href="home.html"> Hauptseite </a></li> <li><a href="home.html"> Hauptseite </a></li> </ul> </div> <div class="rund"> <h3>Hier kommt noch die Willkommensüberschrift.</h3> <p> Mit reichlich Wilkommenstext <br> und vielleicht ein paar Bildchen.<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> </p> </div> <div id="fuszeile"> <div id="ftext"> <p>bla Copyreigt etc.</p> </div> </div> </div> </body> </html> |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Probleme mit Positionierung | Damian Hartmann | CSS | 2 | 02.11.2010 22:21 |
probleme bei der positionierung der divs | DaZaRt | CSS | 3 | 13.05.2008 23:47 |
Probleme mit Positionierung (Newbie) :) | DJBreezer | CSS | 10 | 08.04.2008 19:17 |
Probleme mit der Darstellung in Mozilla - Positionierung | groovemachine | CSS | 2 | 14.05.2007 20:00 |
Probleme mit Firefox und der Positionierung | psq | CSS | 1 | 16.03.2007 11:37 |