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
  #1 (permalink)  
Alt 05.06.2005, 15:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.06.2005
Beiträge: 17
ophidian befindet sich auf einem aufstrebenden Ast
Standard !ANFÄNGER! Spalt zwischen <div>Containern

Hallo
ich bin blutiger Anfänger und hab ein bräuchte Hilfe bei meinen CSS Versuchen.

Hier erst mal der Code

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>Unbenanntes Dokument</title>
<style type="text/css">

/* CSS Document */

body { 
font-family:Verdana, sans-serif; /* immer generische Schriftfamilie mit angeben */ 
font-size:12px; 
background-color:#666666; 
text-align:center; 
margin: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; 
} 

/*Menübox*/

.menutitle{
font-weight:bold;
text-align:center;
margin:2px;
}
.menucontainer {
border:1px solid #000;
background-color:#7b7d8e;
width:106px;
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:122px; 
} 



.clear { /*ein float braucht ein clear, hier als zusätzliches Element gelöst */ 
   clear:left; 
   height:0; 
   font-size:0; 
   } 

</style>
</head>

<body>

 <div id="wrapper"> 
      <div class="box1">Box1</div> 
      <div class="box2">
	  	<div class="menucontainer">
 		<p class="menutitle">Navigation</p>
 		Link1
	 	Link2
		Link3
		Link4
 		Link5
		Link6
		Link7
		Link8
	</div>
	
		
</div> 
      <div class="box3">Box3</div> 
	  <div class="clear"></div> 
   </div> 

</body>
</html>
Im IE wird nun zwischen Box2 (Menü) & Box3 ein kleiner Streifen vom Hintergrund gezeigt. Ich möchte nun das diese "Lücke" geschlossen wird, d.h. Box2 oder Box3 soll breiter werden und dann soll ein dünner Strich beide trennen so wie am äußersten Rahmen.Alle meine Versuche die szu erreichen sind fehlgeschlagen. Vielleicht kann mir jemanf helfen.
Außerdem möchte ich das beide Boxenbis an den jeweiligen Rand des wrappers gehen.(unten ist in beiden Fällen noch einkleiner spalt der nicht von der box ausgefüllt wird.

thnx
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 06.01.2011 23:03
Anfänger braucht Hilfe: Unterschiede zwischen Firefox und Internet Explorer Sephi Barrierefreiheit 11 11.12.2006 15:23
Spalt zwischen den Boxen im IE Mine CSS 0 20.05.2006 13:07
!ANFÄNGER! Spalt zwischen <div>Containern ophidian CSS 24 06.06.2005 15:54
Abstand zwischen zwei div T:-)M CSS 4 06.02.2005 00:56


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:04 Uhr.