|
|||
Probleme mit Browser Darstellung
Hallo, da bin ich wieder mal und habe wieder einige Problemchen mitgebracht.
Der Stylesheet im IE gefällt mir schon ganz gut (nur beim footer hab ich da so einen kleinen Zwischenraum, den ich nicht weg bekomme) Beim Firefox und mit Opera, sieht mein css aber nicht so aus wie ich möchte (eben so wie im IE)... Hier die url, bzw. die Codes: http://danh.neudorf.cc/ncc/css/test.htm html-Code Code:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>footer gestalten</title> <link rel="stylesheet" type="text/css" href="neudorf.css"> </head> <body> <div id="container"> <div id="header"></div> <div id="mainnav"></div> <div id="menu"> </p> test</p> test</p> </p> </div> <div id="contents"> Test</p> Test</p> Test</p> Test</p> Test</p> Test</p> Test</p> </div> </div> <div id="abschluss"></div> <div id="footer"> <div id="footerhead"></div> <div id="footertext">Adaf</div> <div id="footerab"></div> </div> </body> </html> Code:
body { font: 85% arial, hevetica, sans-serif; text-align: center; background-color: #666666; background-image: url(../images/bg/bg_ncc.gif); } #container { align: center; width: 800px; text-align: left; background: #666666 } #header { height: 150px; width: 800px; background-color: #666666; background-image: url(../images/header/header_ncc.jpg) } #menu { width: 160px; high: auto; background-color: #666666; float:left } #contents { high: auto; width: 640px; padding-right: 0px; background-color: #ffffff; float:right } #abschluss { align: center; width: 800px; background: url(../images/abschluss/ab_ncc.gif) no-repeat; margin-bottom: 20px; } #footer { align: center; width: 800px; } #footerhead { width: 800px; high: 15px; background: url(../images/footer/ncc_head.gif) no-repeat; margin-bottom: 0px; } #footertext { align: center; margin-top: 0px; width: 800px; background-color: #666666; } #footerab { width: 800px; background: url(../images/footer/ncc_ab.gif) no-repeat; margin-bottom: 0px; } |
Sponsored Links |
|
|||
Hallo,
bei deinem speziellen Problem kann ich dir nicht weiterhelfen, da ich noch nicht so fit in CSS bin. Würd' dir aber empfehlen dein Dokument valide zu schreiben klick! Gruss, pixelfriend |
Sponsored Links |
|
|||
Zitat:
Wie ist das dann eigentlich wenn ich einen link setze, der im contents geöffnet wird? wird da die ganze Seite neu geladen, oder nur die contents seite, wo sich also der inhalt ändert? |
|
|||
Hi!
Der verschiedenen Internet Explorer interpretieren die (X)HTML und CSS nicht, bzw. falsch oder unvollständig. Ich würde Dir empfehlen Dein Dokument zunächst im FF zu entwickeln und dann an die verschiedenen IE-Versionen anzupassen. Alles andere wäre unlogisch und unproduktiv. Gruß, Tobias |
|
|||
ok jetzt habe ich nur noch 2 probleme:
www.danh.neudorf.cc/ncc/css/test.htm 1) wie schaffe ich es den menü-bereich meiner homepage so einzustellen, dass er sich der länge des contents anpasst? 2) und was habe ich da falsch gemacht? http://validator.w3.org/check?uri=ht...doctype=Inline |
|
|||
Zitat:
Zitat:
BTW: validiere dein Stylesheet - du verwendest z.T. Phantasie-Syntax. Dass du den IE6 mit den xml-Prolog in den Quirks-Modus schickst ist dir bekannt? Du hast eine ziemliche div-Suppe produziert. Sinnvolles Markup für ein Menü ist eine Liste. Bilder brauchen keine divs außenrum und dein "footertext" ganz bestimmt auch nicht. Bilder, die reine Verzierung sind, haben im Markup nichts verloren - dafür gibt's die CSS-Eigenschaft background-image. Diese kannst du nicht nur auf leere div-Elemente anwenden... Lies mal diesen Artikel zum Thema semantisches Markup. |
|
|||
Div-Suppe? hab mir die Homepage angesehn, werd aber dabei nicht schlau...
zur zeit sieht mein htm code so aus: Code:
<?xml version="1.0" encoding="iso-8859-1"?> <!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>testpage</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="neudorf.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"></div> <div id="mainnav"></div> <div id="menu"> test</p> test</p> </div> <div id="contents"> Test</p> Test</p> Test</p> Test</p> Test</p> Test</p> Test</p> </div> </div> <div id="abschluss"></div> <div id="footer"> <div id="footerhead"></div> <div id="footertext">(c)</div> <div id="footerab"></div> </div> </body> </html> |
|
||||
Indem du erstmal aufhörst, in Tabellen zu denken.
Das Zauberwort heißt "Semantisches HTML" - siehe: http://www.vorsprungdurchwebstandard...trocoding.html
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Unterschiedliche Darstellung in gleichem Browser? | Maquita | CSS | 2 | 04.12.2012 11:36 |
Probleme mit der Darstellung in verschiedenen Browsern | chrissie65 | CSS | 6 | 03.05.2012 22:59 |
Erstellung einer Webseite - Support alter Browser ja oder nein? | Elektroniker | (X)HTML | 5 | 09.10.2011 19:11 |
Probleme mit Internet Explorer Darstellung | loadzone | CSS | 2 | 20.04.2008 22:24 |
Listen Navigation (Probleme bei der Darstellung im IE) | frankys9 | CSS | 15 | 29.09.2005 11:41 |