Kom ihåg mig?

Akut problem med html/css

 
Ämnesverktyg Visningsalternativ
Oläst 2011-12-06, 11:02 #6
Cosmas avatar
Cosma Cosma är inte uppkopplad
Flitig postare
 
Reg.datum: Sep 2006
Inlägg: 466
Cosma Cosma är inte uppkopplad
Flitig postare
Cosmas avatar
 
Reg.datum: Sep 2006
Inlägg: 466
Tycker jag att du ska undvika att låta element flyta som din "header-holder". Bara att användas när det behövs eller ska användas.

Om du har element som använder float, följ mitt exempel så slipper du massa problem:

Kod:
<div id="wrapper" class="cf">
	<div class="floatLeft">Jag flyter till vänster</div>
	<div class="floatRight">Jag flyter till höger</div>
</div>

/** CSS - Micro clearfix hack from http://nicolasgallagher.com/micro-clearfix-hack/ **/

/* For modern browsers */
.cf:before,
.cf:after { content:"";  display:table; }
.cf:after { clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1;}
Använd inte denna metod. Den ser så ful ut i HTML koden.

Kod:
<div id="wrapper">
	<div class="floatLeft">Jag flyter till vänster</div>
	<div class="floatRight">Jag flyter till höger</div>

	<div style="clear:both;"></div>
</div>
Cosma är inte uppkopplad   Svara med citatSvara med citat
 


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 
Ämnesverktyg
Visningsalternativ

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 12:09.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017