Avatar billede kongknabe Nybegynder
15. august 2006 - 13:09 Der er 8 kommentarer og
1 løsning

Problem med floats!

Hejsa. Er rent ind i et problem med floats... Kort fortalt er mit problem at et floatet element pludselig ikke længere optager plads på siden mere.. Se dette link for uddybelse af problem:

http://kongknabe.users.whitehat.dk/Float/index.html

Da det jeg sider og laver skal bruges i et CMS et der ikke til at angive noget fast da det ikke er til at vide hvordan brugeren vil indsætte de forskellige ting... - Hvor store billederne vil være, om de skal ligge til højre eller venstre eller om der kommer tekst under eller ikke...

Findes der en løsning på dette ?
Avatar billede kongknabe Nybegynder
15. august 2006 - 13:15 #1
Kan da lige tilføje at jeg er Mac bruger og derfor ikke endnu har tjekket hvordan det ser ud i IE - Måske det virker som det skal der.. den gør jo de mærkeligste ting! :-D - Men for at se præcis hvad jeg mener skal man muligvis bruge Firefox :-)
Avatar billede roenving Novice
15. august 2006 - 13:16 #2
<div class="blue_box_center">
    Denne boks (.blue_box_center) skulle gerne strække sig så den når helt ned til bunden!
    <img src="foto1.png" class="img_left"><div style="clear:both;line-height:0;height:0;"></div>
</div>
Avatar billede kongknabe Nybegynder
15. august 2006 - 13:32 #3
Tusind tak for hjælpen... Nåede faktisk selv at finde frem til ca. samme løsning på dette link:

http://www.positioniseverything.net/easyclearing.html

Der foreslår de også at man bruger følgende i sit css:

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

Se det er jo på en måde lækkert nok da man på denne måde slipper for ekstra (overflødig) HTML markup - Kan ikke helt finde ud af hvilken metode er at foretrække !?

- Men takker for hurtigt svar.. Hvordan er det jeg giver point ?
Avatar billede kongknabe Nybegynder
15. august 2006 - 13:41 #4
Hmm.. Nu har jeg siddet og leget lidt med det og kan slet ikke finde ud af hvordan jeg skal bruge det der "clearfix:after" !? Så måske jeg bare skal holde mig til den anden metode :-)
Avatar billede roenving Novice
15. august 2006 - 13:44 #5
-- i hvilke browsere virker :after i ?-)

-- det ser ud som om det er en del af css-specifikationerne, som IE ikke understøtter: http://blooberry.com/indexdot/css/syntax/pseudo/pelemafter.htm !o]

-- og point kan gives, når jeg nu har lagt et svar (husk at markere navn(e) i boksen til venstre !-)

Velbekomme '-)
Avatar billede kongknabe Nybegynder
15. august 2006 - 13:46 #6
ja, får da snakket noget med mig selv her :-D - Men har nu styr på "clearfix:after" tricket - vældig smart :-)

I den forbindelse vil jeg gerne lige høre om det virke i de forskellige browsere ( Især IE )

http://kongknabe.users.whitehat.dk/Float/index2.html
Avatar billede kongknabe Nybegynder
15. august 2006 - 13:47 #7
Så skulle der være givet point også :-)
Avatar billede kongknabe Nybegynder
15. august 2006 - 13:49 #8
Og ja du har ret.. ":after" skulle ikke virke i IE men da den angiveligt slet ikke har problemet jeg prøver at løse skulle det gå lige op :-)
Avatar billede roenving Novice
15. august 2006 - 13:52 #9
Som det kan ses på linket er IE ikke omtalt som understøttet (i toppen: CSS2 N6 O4, betyder: endel af css2-standarden, er implementeret fra Opera 4 og Netscape 6/Mozilla/FireFox !-)

-- og højden er stærkt begrænset i IE6 ...

Tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester