SilentBob
Aktives Mitglied
Thread Starter
- Dabei seit
- 01.02.2005
- Beiträge
- 360
- Reaktionspunkte
- 0
So, das Design ist soweit fertig. Ich entwickle immer im Firefox. Wenn ich damit fertig bin, schaue ich mir die Seite im IE (6, 5.5 und 5.01) auf der Dose an und notiere mir, was der mal wieder nicht kann. *seufz* Gestern dachte ich dann, schaue es Dir noch einmal in Opera an (Win und Mac). Kein Problem. Lalala trällerte ich vor mir her und schaute mir die Seite in Safari an. Was macht der denn???? Ignoriert einfach meine CSS-Anweisungen (teilweise)! Und dabei ist weder die Seite noch die CSS exotisch oder kompliziert! Jemand eine Idee, woran das liegen könnte? Ist mir das erste Mal passiert...
Code-Snippet der HTML:
Ich habe einen Header-Bereich, dann einen Haupt-Bereich, in dem eine rechtsbündige Navigation ist und inks der Content-Bereich (s.o.). Die CSS-Anweisungen für das Beispiel sehen so aus:
Und was macht Safari? Er ignoriert alles Anweisungen für den Content-Bereich. Folge: Header und Navigation sind "gestylt", mein Hallo-Text, die News und die Termine sind ohne jeglichen Style. Nackig! kopfkratz Sowas habe ich noch nie erlebt. Ihr?
Ach ja, unter dem Haupt-DIV ist noch eine UL, die wird auch nicht gestylt. *argh*
Grüße
SB
Code-Snippet der HTML:
Code:
<div id="content">
<p class="hallo">Langer Begrüßungstext. Blabla. Und das typische Lorem ipsum...</p>
<div id="starttermine">
<h2>Termine</h2>
<p>
<strong>01.01.06</strong><br />
Termine kommen hier rein. Dies ist der erste Termin.<br /><a href="/termine/index.php#ter1">Link zum Termin </a>
</p>
<p>
<strong>03.02.06</strong><br />
Zweiter Dummy-Termin. Auch hier fiel Blabla.<br /><a href="/termine/index.php#ter2">Link zum Termin</a>
</p>
</div>
<div id="startnews">
<h2>Neues</h2>
<p>
<strong>12.12.05</strong><br />
Wer hätte es gedacht? Hier kommen die Neuigkeiten hinein. Dies ist Neuigkeit Nummer 1.<br /><a href="/neues/index.php#new1">Link zur Neuigkeit</a>
</p>
<p>
<strong>10.12.05</strong><br />
Und dann ist das die Neuigkeit 2. Danach viel Blabla. Hier nur zu Demozwecken.<br /><a href="/neues/index.php#new2">Link zur Neuigkeit</a>
</p>
</div>
</div>
Code:
/*inhalte*/
#content{
margin-right: 220px;
padding: 10px 10px 10px 20px;
}
.hallo{
background: #FFEEB6 url(../pics/hallo_ecke.gif) bottom right no-repeat;
border: 1px solid #FEC100;
-moz-border-radius:10px;
padding: 15px;
font-size: 110%;
}
#startnews{
background: #A7D8FF url(../pics/startnews.gif) left 2em repeat-x;
width: 48%;
border: 1px solid #2A88D3;
-moz-border-radius: 0 0 10px 10px;
margin-bottom: 10px;
}
#startnews h2{
background-color: #2A88D3;
color: #fff;
font-weight: bold;
font-size: 120%;
line-height: 1.5em;
margin: 0;
padding: 5px;
border-bottom: 1px solid #2A88D3;
}
#startnews p{
padding: 0 10px 10px 10px;
}
#starttermine{
background: #B5E386 url(../pics/starttermine.gif) left 2em repeat-x;
width: 48%;
border: 1px solid #3E7506;
-moz-border-radius: 0 0 10px 10px;
float: right;
margin-bottom: 10px;
}
#starttermine h2{
background-color: #51930D;
color: #fff;
font-weight: bold;
font-size: 120%;
line-height: 1.5em;
margin: 0;
padding: 5px;
border-bottom: 1px solid #3E7506;
}
#starttermine p{
padding: 0 10px 10px 10px;
}
/*inhalte ende*/
Ach ja, unter dem Haupt-DIV ist noch eine UL, die wird auch nicht gestylt. *argh*
Grüße
SB