Safari: CSS-problem (med bild)

Tråden skapades och har fått 9 svar. Det senaste inlägget skrevs .
1

Har stött på ett märkligt CSS-problem i Safari som kanske någon har en lösning på...

Titta här så förstår ni vad jag menar konstigt fel

  • Medlem
  • Stockholm
  • 2004-07-12 22:37

Till att börja med så validerar inte CSS-filen men det verkar inte vara något avgörande för ditt problem.

Öppnar sidan i den (enligt mig) mest kompetenta läsarn (Firefox) och tycker att det ser rätt knasigt ut där också
(se bifogad bild)

Lustigt sätt du inkluderar filen på också

Varför inte skriva
http://www.filmstudion.com/adversus/includes/stylefilmstudion.css ??

Men hur som helst, jag har ingen vettig feedback att ge

  • Medlem
  • Norrköping
  • 2004-07-12 23:20

testa att lägga bilden taggen i en egen <div>

Jag råkade ut för det där att man får dubbla bilder i Safari häromdagen. Jag hade inte ändrat något i koden när det plötsligt blev så (och då bara i Safari). Det försvann efter omstart så jag misstänkte att det var något i WebKit som lagt av.

  • Oregistrerad
  • 2004-07-13 09:41

I diven som centrerar under bilden och blocket till venster lägger du till så fungerar det fint:

<div align="center" style="clear: both">

Ursprungligen av Mattias Bodlund:

I diven som centrerar under bilden och blocket till venster lägger du till så fungerar det fint:

<div align="center" style="clear: both">

Tack, men problemet är dubbla bilder...

  • Oregistrerad
  • 2004-07-13 14:37

Ok - det kan jag inte hjälpa dig med - har aldrig sett detta fenomen innan.

Att bilden i exemplet faller utanför div:en är/var inte problemet - det beror på att ett block-element inte anses fylla något utrymme, då det inte innehåller någon data. Problemet är dubbla bilder...

Vad gäller inkluderingen av style-filen är det inget märkligt med den; den sker enl konstens alla regler (.. i datorsammanhang betyder "upp en nivå i folderhierarkin"). Anledningen till att det är på det viset är att sajten är uppdelad i flera avdelningar och de använder sig till stor del av samma css:er, som inkluderas dynamiskt och ligger en nivå upp.

Antar att jag får offra min uptime och se om omstart avhjälper det

Av någon anledning så uppkommer fenomenet för att din #container div är satt till relative, om du ändrar till absolute försvinner det. (och du får endå container-div'en centrerad)..

  • Oregistrerad
  • 2004-07-20 19:59

placera <img> taggen under <h1> i #content och ge den attribut float: right

tex

<div id="content">
<h1>Filmer inlagda vecka 40 <span class="diskret">(2004-09-27 - 2004-10-03)</span></h1>

 <img alt="bild" src="http://filmstudion.com/img/11_3.jpg" style="float: right;" />

 <div align="center">
  <a href="/adversus/filmstudion/filmstudion.php?page=veckans&offset=10">
   <img src="/adversus/filmstudion/images/3arrowsleft.gif" alt="navigationspil vänster" />
  </a>
			
  <a href="/adversus/filmstudion/filmstudion.php?page=veckans&offset=10">föregående vecka</a>

 | 

  <a href="/adversus/filmstudion/filmstudion.php?page=veckans&offset=12">nästa vecka</a>
  <a href="/adversus/filmstudion/filmstudion.php?page=veckans&offset=12">
   <img src="/adversus/filmstudion/images/3arrowsright.gif" alt="navigationspil höger" />
  </a>
 </div>
 
  <p>STORA SERIEN Torsdag 30/9 kl 21:00<br />
  <strong>Capturing the Friedmans</strong> Andrew Jarecki, 2003     <span class="highlight">SVERIGEPREMIÄR!</span></p>
		
  <div align="center">
   <a href="/adversus/filmstudion/filmstudion.php?page=veckans&offset=10"><img src="/adversus/filmstudion/images/3arrowsleft.gif" alt="navigationspil vänster" /></a>
  <a href="/adversus/filmstudion/filmstudion.php?page=veckans&offset=10">föregående vecka </a> | 
  <a href="/adversus/filmstudion/filmstudion.php?page=veckans&offset=12">nästa vecka</a>     <a href="/adversus/filmstudion/filmstudion.php?page=veckans&offset=12"><img src="/adversus/filmstudion/images/3arrowsright.gif" alt="navigationspil höger" /> </a>
  </div>

</div>

1
Bevaka tråden