08.01.2004, 09:58
|
|||
|
|||
Abstände zwischen Container
Ich habe ein Problem mit den Abständen zwischen den divs. Ich habe im stylesheet für den großen Container rechts mit den Inhalten
margin-left:2px; angegeben. Das funktioniert aber leider nur im IE. Welche Möglichkeiten gibt es noch, damit das auch bei NS und Opera funktioniert? 
|
| Sponsored Links |
|
08.01.2004, 10:35
|
|||
|
|||
|
Code:
#contents_index{position:relative;
top:5px;
width:653px;
height:451px;
background-image:url(images/index_bg.jpg);
font-family:Verdana, Arial;
font-size:9pt;
color:#000000;
text-align:left;
float:left;
padding:5px;
border:1px solid #909090;
margin-left:2px}
|
|
08.01.2004, 11:01
|
|||
|
|||
 Code:
position:relative; top:5px; Damit nimmst Du diesen aus dem Text-Fluß. Lösche mal die beiden oben und probier mal das Code:
margin: 5px 0 0 2px;
__________________
</ulle>
|
|
08.01.2004, 11:29
|
|||
|
|||
 Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//DE" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head><title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css"> <!--
html,body {
margin: 0;
padding: 0;
background-color: #FF9933;
color: #336699;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 101%;
}
.contents{
width: 100px;
height: 100px;
margin: 5px 0 0 2px;
border:1px solid #909090;
background-color: #FFFFFF;
float: left;
padding: 5px;
}
p {
margin: 1.4em 0;
font-size: 1.3em;
font-weight: bold;
}
-->
</style>
</head>
<body>
<div class="contents">
Wer klebt.....</p></div>
<br style="clear: both; line-height: 0%;"/>
<div class="contents">
Wer klebt.....</p></div>
<div class="contents">
Wer klebt.....</p></div>
<div class="contents">
Wer klebt.....</p></div>
<br style="clear: both; line-height: 0%;"/>
<div class="contents">
Wer klebt.....</p></div>
<div class="contents">
Wer klebt.....</p></div>
<div class="contents">
Wer klebt.....</p></div>
<div class="contents">
Wer klebt.....</p></div>
<div class="contents">
Wer klebt.....</p></div>
<br style="clear: both; line-height: 0%;"/>
</body></html>
__________________
</ulle>
|
|
14.01.2004, 20:23
|
|||
|
|||
|
Hallo ulle und all die anderen. Das Problem mit den Abständen hat sich erledigt (im IE 5.5 bestand es übrigens auch - nur der IE6 war "schlau" genug, dass zu tun was ich wollte). Heute abend hatte ich mal etwas Zeit im Klausurstress und mir mein Stylesheet nochmal angekuckt. Da ist mir aufgefallen, dass ich den <div> mit der id="left" (in diesem befand sich das Navi-Menü) noch drin hatte. In diesem war der <div> mit der id="menu" bzw. "menu2" (für den Awardbereich), in denen sich die Links befinden, positioniert. Jetzt habe ich auf allen Seiten den <div> mit der id ="left" entfernt und siehe da, die Abstände stimmen.
Zumindest, was bei mir WinXP IE6, Opera 7 und NS 7 betrifft. Es wäre jetzt nett, wenn der ein oder andere mal vorbeischaun könnte und mir mitteilen, obs jetzt passt. Danke für die Mühe.
|
|
19.01.2004, 10:52
|
|||
|
|||
|
es ist recht schwer deinen ausführungen zu folgen, wenn man deine seite nicht kennt. was wiederum daran liegen könnte, dass du uns die url noch nicht verraten hast (oder hab ich grad tomaten auf den augen?)
 falls du mit margin versuchst den abstand zwischen einem gefloateten und dem daneben liegenden element festlegen willst musst du berücksichtigen, dass durch floaten nur der text drum herum fließt, der eigentliche container hat nachwievor die volle breite. wenn also dein gefloateter container 100px breit ist und du dem drum herum fließenden rest 10px abstand geben willst heißt das margin-left:110px
|
| Sponsored Links |
|
19.01.2004, 11:03
|
|||
|
|||
|
Das Problem hat sich vorerst erledigt. Dadurch, dass ich den Container entfernt habe in dem das Menü steckte (war auch unnötig das Menü in einen weiteren zu stecken). Trotzdem Danke!
http://www.bswi.de
|
| Sponsored Links |
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Problem mit display:table-cell in Safari... ungewollte Abstände zwischen Zellen | awa | CSS | 5 | 16.02.2018 06:11 |
| Anfängerfrage: Zentrierung in Galerie und Border-Problem | goldbeere | CSS | 3 | 04.11.2013 19:07 |
| Abstände zwischen Untermenüpunkten in der Navi | Tengu | CSS | 2 | 03.10.2009 09:42 |
| Ungewollter Abstand zwischen DIV Container | sp4ce | CSS | 5 | 10.09.2006 12:31 |
| Internet Explorer macht Abstände zwischen Bilder, wo keine hinsollen... | fuhrheiner | CSS | 8 | 24.08.2006 16:55 |
Linear-Darstellung
