Webstatt.org - Community seit 2006 - 2012 (2024?)

Problem mit Darstellung im ie

user-150
02.03.2006 10:35

FF und Opera zeigens gut an, ie wieder mal nicht.
Es geht um die homepage fosbos-community.de und da um den schatten unter den einzelnen menü boxen

im ie siehts so aus:



da soll aber kein platz zwischen sein

hab eigentlich schon folgendes deklariert:

* {
padding: 0;
margin:0;
}

jemand ne ahnung?

Mehr schlaue Sprüche gibt es auf: anotherstyle.de Psicologia
user-210
02.03.2006 10:39

Zeig doch mal den Code dazu. Ist das mit Boxen, Tabellen oder Listen aufgebaut?

Wenn du Rahmen angibst nimmt es auch Einfluß auf die gesamte Breite ... Vielleicht liegt da der Fehler.
*willcodesehen* lächeln

Sie haben soeben die Position Ihres Mauszeigers auf dem Monitor verändert. Bitte starten sie Windows neu damit die Änderungen wirksam werden.
user-150
02.03.2006 10:48

strg + u ^^

ansonsten:


<div id="aktuelles"> <img src="img/gbheadaktuelles.gif" width="145" height="16" alt="" />
<ul>
<li><a href="?go=start&amp;sec=1">Neuigkeiten</a></li>
<li><a href="?go=terminkalender&amp;sec=1">Terminkalender</a></li>
<li><a href="?go=faq&amp;sec=1">F.A.Q.</a></li>
<li><a href="?go=parties&amp;sec=1">Partys</a></li>
<li><a href="?go=kinoprogramm&amp;sec=1">Kinoprogramm</a></li>
</ul>
<img src="img/menuboxbott.gif" width="145" height="7" alt="" /> </div>


die meisten css-angaben dazu:


#menu {
position: relative;
float: left;
width: 145px;
height: auto;
padding-left: 5px;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;

}
#menu ul{
list-style: none;
margin: 0;
padding: 0;
}

#menu ul li{
margin: 0;
padding: 0;
}

#menu ul a{
display: block;
height: 18px;
color: #000;
text-decoration: none;
font-family: Tahoma;
font-size: 11px;
}
#menu ul a:link,
#menu ul a:visited,
#menu ul a:active{
padding-left: 5px;
}
#menu ul a:hover{
padding-left: 10px;
}

#aktuelles{
background-image: url(../img/aktuellesbg.gif);
background-repeat: repeat-y;
}




Noch ein prob
Wie schaffe ich es, dass der ie Rahmen anzeigt, auch wenn die Tabelle nicht bzw nur ein leerzeichen enthält?

Mehr schlaue Sprüche gibt es auf: anotherstyle.de Psicologia
user-228
02.03.2006 13:09

wie du sehen kannst, wird dein hintergrund von #aktuelles nochmal (also zu viel) y-wiederholt.
hmm evtl ist irgendwas zu groß oder zu viel padding...

jedenfalls geht http://fosbos-community.de/ nicht?!

greets, user-228...der sich später (bei korrektem link) bestimmt nochmal meldet lächeln

Avatar user-255
02.03.2006 13:23

http://www.fosbos-community.de/ funzt.

Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
user-228
02.03.2006 16:01

hmpf auf die idee kam ich nicht zwinkern danke
spontan würd ich auf die falsche interpretierung von height auto von #menu tippen.

zusätzlich mal die tollen validator meldungen beachten.

greets, user-228

user-150
03.03.2006 10:43

hm mal schaun was ich machen kann

jetzt aber noch ein paar mehr probleme:

1. Wie schaff ich es, dass bei leeren zellen im ie trotzdem der rahmen angezeigt wird?
Wird wohl auf dieser seite besonderst deutlich: http://www.fosbos-community.de/index.php?go=lehrer&sec=3

2. Wenn man eine kleinere Auflösung als 1024*786 hat wird die content box unter der navi angezeigt


#content {
position:relative;
float: right;
width: 80%;
background-image: url(../img/shadowright.gif);
background-repeat: repeat-y;
background-position: right;
padding: 5px 25px 15px 10px;
}

#menu {
position: relative;
float: left;
width: 145px;
height: auto;
padding-left: 5px;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
}


€ was ist eigentlich diese vordergrund/hintergrundfarbe immer?

Mehr schlaue Sprüche gibt es auf: anotherstyle.de Psicologia
user-228
03.03.2006 11:49

Original von Sucker
1. Wie schaff ich es, dass bei leeren zellen im ie trotzdem der rahmen angezeigt wird?
Wird wohl auf dieser seite besonderst deutlich: http://www.fosbos-community.de/index.php?go=lehrer&sec=3

spontan:
einfach irgendeinen inhalt in die zelle schreiben, zB &nbsp; oder sowas.
mir is der fehler noch nie untergekommen...komisch eigentlich.

Original von Sucker
2. Wenn man eine kleinere Auflösung als 1024*786 hat wird die content box unter der navi angezeigt

das liegt ganz einfach an deinen angaben der breite.
dein #content mit einer relativen breite 80%
und
#menu mit 145px

kleines rechenbeispiel:
auflösung 800x600 zB
hat das browserfenster ungefähr 800px breite, 80% davon abgezogen sind noch 160px übrig. dann hast du noch dein 10px margin von #site an beiden seiten.
also 160px - 20px = 140px
und das ist kleiner als dein menu ist, da kriegen sich die angaben in die haare,.
mal ausprobieren: schenk dir einfach die breitenangabe für div#content.

Original von Sucker
€ was ist eigentlich diese vordergrund/hintergrundfarbe immer?

meinst du bei dem css validator?
die meldungen kannst du eigentlich getrost vernachlässigen, wenns dich doch stört folgender vorschlag:
den elementen color: bzw background-color: inherit geben. somit "erben" sie von ihren elternelement (kann auch falsch sein Fettes Grinsen)...
alternativ kannst du auch deinem universal-selektor * diese definitionen auf den weg geben.

hoffe ich konnt dir helfen, greeets - user-228.

user-150
03.03.2006 11:55

1. verdammt, dachte das hätte ich schon längst gemacht :\
danke zwinkern

2. wenn ich bei #content keine breite angeb, wird er irgendwie standartmäßig unter dem menü angezeigt mit 100% breite

3. k

Mehr schlaue Sprüche gibt es auf: anotherstyle.de Psicologia
user-228
03.03.2006 11:57

stimmt, also nochmal folgenden vorschlag

float: right; bei div#content weg
nur menu left floaten
dafür div#content margin-right: 170px oder so geben.

gruß, user-228

user-150
03.03.2006 12:10

Original von user-228
stimmt, also nochmal folgenden vorschlag

float: right; bei div#content weg
nur menu left floaten
dafür div#content margin-right: 170px oder so geben.

gruß, user-228


margin left, im ff funktionierts, ie zerhauts vollkommen

http://www.fosbos-community.de/index.php?go=lehrer&sec=3

Mehr schlaue Sprüche gibt es auf: anotherstyle.de Psicologia
user-228
03.03.2006 20:25

jaja der IE zwinkern
evtl hast du das tolle hasLayout problem - sieht so spontan gesagt sogar sehr danach aus.

binde per conditional comments oder sonstwas zu meiner vorherigen lösung noch folgendes ein:

div#content {
height: 0;
}

kannst alternativ auch andere hacks für den IE benutzen, ist aber IMO die beste möglichkeit NUR dem IE werte mitzugeben.

gruß, user-228

user-150
04.03.2006 16:05

jea, funktioniert prima

danke lächeln

Mehr schlaue Sprüche gibt es auf: anotherstyle.de Psicologia