Gå til innhold

Problem med div og float


Anbefalte innlegg

div vil ikkje forholde seg til hverandre;

 

<div id="bedriftWrap"> skal forholde seg til <div class="bedriftsInfo">, setter eg

float (noe eg trenger) på sistnevnte kollapser <div id="bedriftWrap">.

Vet det skal være en enkel løsning, men kommer ikke på den...

 

http://www.firmaindex.no/bedrift.php?OrgNr=937904207

 

CSS: http://www.firmaindex.no/stylesheet.css (nb. litt rot for øyeblikket)

Lenke til kommentar
Videoannonse
Annonse

Dersom innholdet floates, må det vel også cleares, om jeg har forstått spørsmålet riktig.

 

.clear {
 height: 1px;
 overflow: hidden;
 clear: both;
}

 

<div id="bedriftWrap">

<h4 class="bedrift">Nudeshirt</h4>

<div class="bedriftsInfo">
<dl>
<dt>Org.nr:</dt>
<dd>937904207</dd>
<dt>Hjemmeside:</dt>
<dd><a href="http://www.nudeshirt.no">www.nudeshirt.no</a></dd>
<dt>Besøkadresse:</dt>
<dd>Rådhusgata 8</dd>
<dd>8006 Bodø</dd>
<dt>Postadresse:</dt>
<dd>Rådhusgata 8</dd>
<dd>8006 Bodø</dd>
<dt>Telefon:</dt>
<dd>93403538</dd>
<dt>Vaktelefon:</dt>
<dd></dd>
<dt>Faks:</dt>
<dd></dd>
<dt>Epost:</dt>
<dd>[email protected]</dd>
<dt>Kontaktperson:</dt>
<dd>Heine Jensvold</dd>
</dl>
</div>

<div class="text">
Nudeshirt selger t-skjorter!
Dette er en test av tekst, Nueshirt selger t-skjorter. til alle og enhver. jada. flotte teksten.
</div>

<div class="clear"></div>

</div>

 

Der er noen som bestemt mener at dette skal være et hr-element (som gjør clearing jobben (som Mr.Berg over her). Ser ikke poenget med dette, om du ikke hadde tenkt å ha en hr der i utgangspunktet, eller at det blir unødvendig iht. strukturen.

 

Lekkert design forresten!

Endret av PoleCat
Lenke til kommentar

Ser ikke helt poenget med å ha et tomt div-element heller, når vi i utgangspunktet er så i mot andre tomme elementer her på forumet.

 

Men denne diskusjonen blir vi vel aldri ferdig med.

(En horisontal strek gjør seg dessuten ofte godt nederst på en ustylet side.)

Endret av Mr.Berg
Lenke til kommentar
Ser ikke helt poenget med å ha et tomt div-element heller, når vi i utgangspunktet er så i mot andre tomme elementer her på forumet.

Sist jeg sjekket, hadde ikke en div noen logisk funksjon, men det er godt mulig dette er rettet på siden sist. Det er forøvrig tomme a-er jeg til stadiget irriterer meg over, da det er disse som går igjen.

 

Poenget er, siden elementet bare skal gjøre den lille ekstrajobben med å cleare, og du ikke hadde brukt en hr der dersom du ikke skulle cleare, ser jeg ikke at dette behovet "plutselig" skulle komme. Ingenting i veien for å sette clear-verdien på neste element, dersom du har et fra før av.

 

hr bruker jeg stort sett bare før footer allikevel, synes ikke den har så mye annet å gjøre i et dokument. Overskriftene i seg selv burde skille delene/avsnittene i dokumentet godt nok.

 

Nå har kvikks fått svar på spørsmålet sitt, så jeg ser ingenting i veien for å diskutere dette, det er tross alt on-topic.

Lenke til kommentar

Da forstod du feil (iallefall iht løsningen jeg kom med)

 

|

------------------------------------------------

||Header

------------------------------------------------

||Søk

------------------------------------------------

||Tittel

|||Tekst

|||Definert liste

|||<!--- klirrklirrklirr de to over--->

------------------------------------------------

||Kontaktskjema

------------------------------------------------

|

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...