Opera och FX problem med .div object {}, autohöjd

2009-09-14 00:57

Permalänk

JesperA

Medlem ★

Plats: Halmstad
Registrerad: Apr 2003

●

Opera och FX problem med .div object {}, autohöjd

Hej hej!

Har ett problem med min hobbyblogg (som är inaktiv och värdelös), för att testa lite Wordpressaker!
Iaf, så har jag ett plugin till Wordpress som embeddar filmer från kända streamingsidor, man gör helt enkelt en post skriver [youtube wwei7844 100% auto], alltså sida + filmvärde + bredd + höjd

Detta skapar den vanliga object tagen i sin post!

Iaf, så blir det ju naturligtvis typ <object widht="100%" height="300px">

Så det är ju bra!

Men jag har 2 olika posttyper på bloggen, dom 4 första är fullstora sen resterande 6 är mindre, mindre bredd osv!

Safari svarar när bredd och höjden överskrids med CSS men varken opera eller firefox gör det, vad har jag glömt?

.post-offset object { width: 100%; height: 150px; max-height: 150px !important; }

Sidan finns här: www.speedrevision.se (artiklarna längst ner)

Visa signatur

Hur kan syltkakor överleva i det vilda utan ögon?

Rapportera Redigera

Citera flera Citera

2009-09-16 16:40

Permalänk

Leedow

Medlem ★

Plats: Falun
Registrerad: Dec 2003

●

Citat:

Ursprungligen inskrivet av x-per
Hej hej!

Har ett problem med min hobbyblogg (som är inaktiv och värdelös), för att testa lite Wordpressaker!
Iaf, så har jag ett plugin till Wordpress som embeddar filmer från kända streamingsidor, man gör helt enkelt en post skriver [youtube wwei7844 100% auto], alltså sida + filmvärde + bredd + höjd

Detta skapar den vanliga object tagen i sin post!

Iaf, så blir det ju naturligtvis typ <object widht="100%" height="300px">

Så det är ju bra!

Men jag har 2 olika posttyper på bloggen, dom 4 första är fullstora sen resterande 6 är mindre, mindre bredd osv!

Safari svarar när bredd och höjden överskrids med CSS men varken opera eller firefox gör det, vad har jag glömt?

.post-offset object { width: 100%; height: 150px; max-height: 150px !important; }

Sidan finns här: www.speedrevision.se (artiklarna längst ner)

Sidan ser bra ut för mig om du ändrar dessa taggar, från:

.post-offset .details {
    color:#666666;
}
#footer {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(images/footer_bg.png) no-repeat scroll 0 0;
    height:139px;
    margin:-95px auto 100px;
    position:relative;
    width:922px;
    z-index:1;
}

...till...

.post-offset .details {
    color:#666666;
    float:left;
}

#footer {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(images/footer_bg.png) no-repeat scroll 0 0;
    height:139px;
    margin:-95px auto 100px;
    width:922px;
    z-index:1;
}

Jag kör FF 3.5.3, vet inte om denna lösning strular till det för andra webbläsare. Livet är hårt för en webbutvecklare.

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Rapportera Redigera

Citera flera Citera

2009-09-16 17:44

Permalänk

JesperA

Medlem ★