Probleme mit dem Layout
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anfahren
angeben
background
besuchen
bild
body
braven sonntagskinder
farbe
gemeinden
gottesdienst
image
jugend
layout
margin
pixel
pixeln
schauen
tabelle
transitional
webseite
-
Hi,
ich habe gerade mein Layout fertig gebastet. Jetzt habe ich aber festgestellt, das mein Layout bei Opera und IE zwar richtig angezeigt wird, aber bei Firefox nicht:
IE Bild:
http://mastermoul.ma.funpic.de/bild1.JPG
FireFox Bild:
http://mastermoul.ma.funpic.de/bild2.JPG
Hier der CSS Code:
/********************** Layer **********************/ body { background-image:url("bg.gif"); font-size:12px; color:black; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; margin:0px; } #main { width:750px; margin:0px auto; text-align:left; background-color:#ececec; border:1px solid #000000; } #title { border-bottom:1px solid #000; background-image:url("header.jpg"); } #left { background-color:#ececec; float:left; } #content { border:1px solid #efeff7; background-color:#ffffff; background-image:url("bg.gif"); width:85%; float:right; padding:0px 10px; color:#000000; } /********************** Links **********************/ a:link, a:visited, a:active, a:hover { text-decoration:underline; font-weight:normal; color:#ff0000; font-size:12px; } a:active, a:hover { color:#009999; } /********************** Men?layer **********************/ .menublock { width: 105px; padding: 2px 2px 2px 10px; text-align: left; font-size: 10px; line-height:14px; z-index: 1000; } .menu_title{ color: #ffffff; font-weight: bold; font-size: 13px; } a.menuitem{ color: #000000; text-decoration: none; } a.menuitem:hover{ font-weight: bold; } .spacer { height: 6px; line-height:1px; font-size: 1px; } /********************** Men? Farben **********************/ .menu_orange {background: #F7941D;color:#000000;} .menu_rot {background: #B82837;} .menu_blau {background: #CAE0EC;color:#000000;} .menu_orange2 {background: #F5D0A4;color:#000000;} -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
tja das sind mal wieder die typischen firefox fehler^^ du hast bei content mit % gearbeitet, bei dem men? jedoch 105px....
firefox findet sowas "durcheinanderbringend"
firefox arbeitet nicht gern mit prozenten ist mir aufgefallen, was helfen k?nnte: content in pixeln angeben oder ALLES in prozente... alles in pixeln w?re aber denk ich einfacher...
danach sollte es gehen -
Ich habe in Pixel angaben gemacht geht trotzdem noch nicht
-
Ich habe in Pixel angaben gemacht geht trotzdem noch nicht
Schau dir das mal an: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fboyman.pyrokar.lima-city.de%2Ftest.css -
ja also ich bekomme das es alles richtig ist, ist mir auch klar, aber trotzdem zeigt es der Firefox falsch an
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta http-equiv="Content-Language" content="de"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta name="Description" content="Jugendgruppe der EFG - Westerstede"> <meta name="Keywords" content="jesus baptiste glaube westerstede bund gott bible jugend jugendgruppe"> <meta name="author" content="Malte Kiefer"> <meta name="Title" content="Malte Kiefer"> <meta name="Publisher" content="Malte Kiefer"> <meta name="Copyright" content="Malte Kiefer."> <meta name="Revisit-after" content="1 Days"> <meta name="Audience" content="alle"> <meta name="Language" content="de"> <meta name="Generator" content="Gezaubert von Malte Kiefer."> <title>Jugendgruppe der EFG - Westerstede</title> <link rel="stylesheet" type="text/css" href="design/design.css"> </head> <body> <div id="main"> <div id="title" > <br><br><br><br> <br><br><br><br> <br> </div> <div id="left"> <div class="menu_title menu_rot menublock">Jugend</div> <div class="menu_blau menublock"> <a href="index.html" class='menuitem'>Startseite</a><br> <a href="news.html" class='menuitem'>News</a><br> <a href="termine.html" class='menuitem'>Termine</a><br> <a href="aktionen.html" class='menuitem'>Aktionen</a><br> <a href="mitarbeiter.html" class='menuitem'>Mitarbeiter</a><br> <a href="jugend.html" class='menuitem'>Jugend</a><br> </div> <div class="menu_title menu_rot menublock">Interaktiv</div> <div class="menu_orange2 menublock"> <a href="galerie.html" class='menuitem'>Galerien</a><br> <a href="gbook.php" class='menuitem'>G?stebuch</a><br> <a href="forum/forum.php" class='menuitem'>Forum</a><br> </div> <div class="menu_title menu_rot menublock">Infos</div> <div class="menu_orange menublock"> <a href="anfahrt.html" class='menuitem'>Anfahrt</a><br> <a href="links.html" class='menuitem'>Links</a><br> <a href="impressum.html" class='menuitem'>Impressum</a><br> </div> <p> <a href="http://www.validome.org/referer"> <img border="0" src="http://www.validome.org/images/set5/valid_html_4_0_1.gif" alt="Valid HTML 4.01" width="80" height="15"> </a> </p> </div> <div id="content"> <center><h2><i><u>Herzlich Willkommen</u></i></h2></center> Wir wollen dich herzlichst auf unserer Webseite begr??en. Vielleicht bist du ja daruch Zufall hier gelandet, oder du kannst die Adresse von einem Freund von dir.<br> Das ist v?llig egal, wir freuen uns sehr ?ber deinen Besuch hier auf unserer Webseite.<br><br> Du denkst dir vielleicht, Jugend in WST, was ist damit gemeint und was macht ihr ?berhaupt?<br> Diese Fragen wollen, wir dir gerne beantworten, unter anderem durch diese Webseite.<br><br> Vielleicht wei?t du, dass wir ja zu einen Baptisten Gemeinde geh?ren und denkst dir nur nicht schon wieder sowas langweiliges mit einer Kirche oder Gemeinde?<br> Da wollen wir gerne einhacken. Wenn du diese Webseite genau durch arbeitest, wirst du feststellen, dass wir nicht die braven Sonntagskinder sind die im Anzug im Gottesdienst sitzen. Wir sind ganz normale Juegndlich die einfach den Glauben an Jesus so super finden.<br><br> Schau dir einfach mal unsere <a href="galerie.html">Bilder</a> an und du wirst festellen, das wir alle eine Menge Spa? haben.<br><br> Und, wenn du uns immer noch nicht glaubst, kannst du auch mal gerne Vorbeischauen. Wir w?rden uns ?ber deinen Besuch sehr freuen.<br><br> Mit freundlichen Gr??en<br><br> <b><i>Dein Jugend WST</i></b> <br><br> </div> <br style="clear:both;"> </div> </body> </html> -
Wie w?re es wenn du statt div tabellen benutzt.
-
nein tabellen sind f?r Daten und nicht f?r ein Layout.
Ich habe das Problem gefunden:
padding:0px 10px;
Muss nur null he?en im content -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
