Litt CSS hjelp

[Tonny Kluften]

Hei.
Trenger CSS-hjelp til å sammenføye bunnbildet med innholdsbildet. her er siden

På forhånd takk.

 

[peterandrej]

Kod siden på nytt. Håpløs løsning du har laget der. Hvorfor i alle verden har du kodet den svære div'en som holder innholdet til float:left og position:relative? Herre min jesus.

Gjør den heller til clear:both, legg på fast bredde eks width: 950px og midtstill div'en med margin-left og margin-right: auto. Etter er det kommer bildet i bunnen opp på riktig plass av seg selv.

 

[Tonny Kluften]

Haha. Det er et ferdig theme som jeg forandrer på. Alltid masse rar koding på slike themes og da skjønner jeg ikke noe.

 

[olafmoriarty]

Helt enig i at alt må kodes på nytt, men trenger du en snarvei fungerer denne metoden:

Ganske langt nede i koden står denne linja:

<img src="http://www.sija.no/bakkevold/wp-content/themes/fusion/images/footer_rund.jpg" >

Flytt denne inn i <div>-en over. Altså, der det nå står

  </div>
  <!-- /side wrap -->
 </div>
 <!-- /mid column wrap -->
</div>
<!-- /main wrapper -->

<img src="http://www.sija.no/bakkevold/wp-content/themes/fusion/images/footer_rund.jpg" >

... skal det stå ...

  </div>
  <!-- /side wrap -->
 </div>
 <!-- /mid column wrap -->
<img src="http://www.sija.no/bakkevold/wp-content/themes/fusion/images/footer_rund.jpg" >
</div>
<!-- /main wrapper -->

... og så putter du dessuten dette bildet i en <p> som er satt til å ha clear på begge sider og dessuten har null marg, som dette:

  </div>
  <!-- /side wrap -->
 </div>
 <!-- /mid column wrap -->
<p style="margin: 0; clear: both;"><img src="http://www.sija.no/bakkevold/wp-content/themes/fusion/images/footer_rund.jpg" alt="" /></p>
</div>
<!-- /main wrapper -->

... (alternativt med eksternt stilark i stedet for style-attributten, såklart), og du bør ha en kode som ser bra ut. Har testet den i IE7.

Men dette problemet bør du løse med å kode om hele greia, ja. Fryktelig fæl kode.

Haha. Det er et ferdig theme som jeg forandrer på.

Utrolig godt å høre at du ikke har laget dette selv, for denne koden gir utrolig lite mening. Hvorfor starter for eksempel dokumentet med en <div> inni en <div> inni en <div> inni en <div> inni en <div> inni en <div> inni en <div> inni en <div> inni en <div>?

 

[Tonny Kluften]

Det finnes et lite admin panel for themet i WP-admin. Det nok derfor alle disse divene er der. I tilfelle man konfigurerer slik at man får bruk for dem.

 

[olafmoriarty]

Skjønner. Uansett, flytt bildet inn i div-en slik jeg foreslo, så bør akkurat dette problemet være løst.

 

[Tonny Kluften]

Takk så mye. Men det vises ikke helt bra i FF.

 

[olafmoriarty]

Oops. Om du ikkje får betre svar på dette i løpet av dei neste tre timene kan eg sjå på det då. Ingen FF på denne PC-en.

 

[Tonny Kluften]

Har fortsatt det FF problemet.

 

[olafmoriarty]

Du gidder ikke å ta et screenshot så jeg får sett hva problemet er?

 

[Tonny Kluften]

Så klart jeg gidder. Bakgrunnen begynner på nytt.

 

[trencH]

Hei tonny. Dette skjer fordi du har line-height: 140%; på p'ene dine. I koden din har du følgende:

<p style="margin: 0px; clear: both;">

Endre den til:

<p style="margin: 0px; clear: both; line-height: 0;">

Så burde det se greit ut.

Edit: Dette gjelder da p'en som er rundt footer bildet.

 

[Tonny Kluften]

Ahhh. Der ja. Mange takk. Ryktepoeng til deg også

 

[olafmoriarty]

Ryktepoeng fra meg også, jeg stirret lenge på den koden og det bildet uten å finne feilen. At det kunne være noe så enkelt som line-height ... Smart observert.

 

[trencH]

Takk for det Vil anbefalle å legge inn firebug plugin i Firefox. Når man lærer å bruke den vil feilretting bli mye enklere.