|
|||
Zitat:
|
Sponsored Links |
|
|||
Ok ja stimmt jetz hat bei mir auch funktioniert!!!Danke
Aber trotzdem nochmal ne andere Frage: Was muss ich in HTML hinzufügen/ändern wenn ich ne extern ausgelagerte CSS - Datei benutze??? Edit: Wenn ich ne ausgelagerte Datei benutze funktioniert auch das padding:0px im body nicht mehr, damit die Box 2 & Box3 den kompletten wrapper ausfüllen.Wie kann ich das beheben??? |
Sponsored Links |
|
|||
Zitat:
Hast du schon mal darüber nachgedacht, dir wenigstens die einfachsten Grundlagen selbst anzueignen? Zitat:
Außerdem hat das padding im body mit dem Inhalt des wrapper eher nichts zu tun... BTW: um eine Frage als solche zu kennzeichnen, genügt ein Fragezeichen! |
|
|||
Das man in HTML datei <link rel="stylesheet" href="dein_stylesheet.css" type="text/css" />
einfügen muss ich mir doch klar.Aber wenn ich das so mache dann besteht dieser 3px sprung weiterhin.wenn ich die css sache direkt in das HTML mache dann gehts.Woran kann das liegen? So siehts aus ausgelagerte CSS datei Code:
/* CSS Document */ body { font-family:Verdana, sans-serif; /* immer generische Schriftfamilie mit angeben */ font-size:12px; background-color:#666666; text-align:center; margin:0px; padding:0px; } /*Rahmen für die Boxen*/ #wrapper { width:760px; margin:0 auto; text-align:left; border:1px solid black; } .box1 { height:100px; /* width-Angabe hier unnötig, da Blockelemente immer die gesamte mögliche Breite einnehmen */ background-color:#bdbec6; border-bottom:1px solid #000; } .box2 { background-color:#bdbec6; width:120px; height:600px; float:left; } * html .box2 { margin-right:-3px; /* anti-3px-in IE */ } /*Menübox*/ .menutitle{ font-weight:bold; text-align:center; margin:2px; } .menucontainer { border:1px solid #000; background-color:#7b7d8e; margin:10px; } /*für Hyperlinks*/ a.menu:link, a.menu:visited { color:#eeeeee; background-color:#737994; text-decoration:none; } a.menu:active, a.menu:hover { color:#737994; background-color:#eeeeee; } a.menu { display:block; padding:3px; border-top:1px solid #000; background-color:#737994; text-align:center; font-weight:bold; color:#eeeeee; text-decoration:none; } .box3 { height:600px; background-color:#efeff7; margin-left:120px; border-left:1px solid #000; /*erzeugt dünne Trennlinie */ } * html .box3 { margin-left:117px; /*anti-3px in IE */ } .clear { /*ein float braucht ein clear, hier als zusätzliches Element gelöst */ clear:left; height:0; font-size:0; } HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>XxX</title> <link rel="stylesheet" type="text/css" href="../Test5/test.css"> </head> <body> <div id="wrapper"> <div class="box1">Box1</div> <div class="box2"> <div class="menucontainer"> <p class="menutitle">Navigation</p> News Band Songs Live Media Gaestebuch Links Kontakt </div> </div> <div class="box3">Box3</div> <div class="clear"></div> </div> </body> </html> |
|
|||
Es hat auch nach dem Leeren des IE Cahes nicht funktioniert!
Online stellen geht net hab kein webspace, außerdem kenn ich mich damit noch net aus wie gesagt absoluter Anfänger. Mich wunder es nur das es funktioniert wenn die CSS Datei ins HTML eingebettet ist, aber nicht funktioniert wenn ich sich extern auslagere. Brauch ich diese <div id .... von denen toscho gesprochen hat? Müssen die vielleicht in das HTML rein? Wenn ja wo? |
|
|||
Zitat:
Leg mal die CSS-Datei in den gleichen Ordner wie die HTML-Datei und verlinke <link rel="stylesheet" type="text/css" href="test.css"> Zitat:
|
Sponsored Links |
|
|||
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <title>IE-Floatbug</title><style type="text/css"> #left { float: left; width: 180px; background: red; height: 300px; } #zweiter { margin-left: 180px; margin-right: 200px; background: blue; height: 500px; } * html #left { /* \*/ margin-right: -3px; /* */ } * html #zweiter { /* \*/ margin-left: 177px; /* */ }</style> <div id="left"> </div> <div id="zweiter"> </div> Den du als link gepostest hat am anfang des threads. HTML & CSS sind im gleichen Ordner. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Spalt zwischen Bild und Liste | DiHo | CSS | 4 | 07.01.2011 00:03 |
Tabellen Abstand zwischen Zeilen, nicht aber zwischen Spalten | SchlechterInformatiker | CSS | 3 | 01.10.2009 18:39 |
Anfänger braucht Hilfe: Unterschiede zwischen Firefox und Internet Explorer | Sephi | Barrierefreiheit | 11 | 11.12.2006 16:23 |
Spalt zwischen den Boxen im IE | Mine | CSS | 0 | 20.05.2006 14:07 |
!ANFÄNGER! Spalt zwischen <div>Containern | ophidian | CSS | 0 | 05.06.2005 16:02 |