zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden !ANFÄNGER! Spalt zwischen <div>Containern

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 06.06.2005, 13:26
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von ophidian
Den CSS Teil hab ich jetzt, aber WAS mus ich WO in HTML Teil einfügen, damit das Problem behoben wird?
Das HTML bleibt unverändert. Die CSS-Änderungen hab' ich dir doch oben schon aufgeschrieben.
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 06.06.2005, 13:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.06.2005
Beiträge: 17
ophidian befindet sich auf einem aufstrebenden Ast
Standard

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???
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 06.06.2005, 13:52
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von ophidian
Was muss ich in HTML hinzufügen/ändern wenn ich ne extern ausgelagerte CSS - Datei benutze???
<link rel="stylesheet" href="dein_stylesheet.css" type="text/css" />
Hast du schon mal darüber nachgedacht, dir wenigstens die einfachsten Grundlagen selbst anzueignen?

Zitat:
Zitat von ophidian
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???
Wie meinen? Ob extern oder intern spielt keine Rolle. Der Fehler muss woanders liegen.
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!
Mit Zitat antworten
  #14 (permalink)  
Alt 06.06.2005, 14:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.06.2005
Beiträge: 17
ophidian befindet sich auf einem aufstrebenden Ast
Standard

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>
so funktioniert es nämlich nicht.wo ist der fehler?
Mit Zitat antworten
  #15 (permalink)  
Alt 06.06.2005, 14:10
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Leer mal den Cache des IE.
Mit Zitat antworten
  #16 (permalink)  
Alt 06.06.2005, 14:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.06.2005
Beiträge: 17
ophidian befindet sich auf einem aufstrebenden Ast
Standard

Funktioniert nicht! Kann es an den Codes liegen, oderist der Code vom CSS & HTML soweit richtig?
Mit Zitat antworten
  #17 (permalink)  
Alt 06.06.2005, 14:34
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Was genau funktioniert nicht?

Der Code sieht richtig aus. Ob der Pfad zu deiner CSS-Datei stimmt, ist so nicht nachvollziehbar...

Stell's mal online.
Mit Zitat antworten
  #18 (permalink)  
Alt 06.06.2005, 14:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.06.2005
Beiträge: 17
ophidian befindet sich auf einem aufstrebenden Ast
Standard

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?
Mit Zitat antworten
  #19 (permalink)  
Alt 06.06.2005, 14:57
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von ophidian
Mich wunder es nur das es funktioniert wenn die CSS Datei ins HTML eingebettet ist, aber nicht funktioniert wenn ich sich extern auslagere.
Dann stimmt vermutlich etwas mit der Verlinkung nicht. Ob internes oder externes Stylesheet spielt für die Funktionsfähigkeit keine Rolle.

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:
Zitat von ophidian
Brauch ich diese <div id .... von denen toscho gesprochen hat?
Müssen die vielleicht in das HTML rein?
Wenn ja wo?
Wovon sprichst du?
Mit Zitat antworten
Sponsored Links
  #20 (permalink)  
Alt 06.06.2005, 15:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.06.2005
Beiträge: 17
ophidian befindet sich auf einem aufstrebenden Ast
Standard

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>
Davon sprech ich! Von den <div id dinger am Ende des Codes von Toscho

Den du als link gepostest hat am anfang des threads.

HTML & CSS sind im gleichen Ordner.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:28 Uhr.