Kom ihåg mig?
Home Menu

Menu


Akut problem med html/css

 
Ämnesverktyg Visningsalternativ
Oläst 2011-12-05, 23:03 #1
editman editman är inte uppkopplad
Medlem
 
Reg.datum: Feb 2008
Inlägg: 104
editman editman är inte uppkopplad
Medlem
 
Reg.datum: Feb 2008
Inlägg: 104
Standard Akut problem med html/css

har ett problem med html/css där jag vill centrera sidan och få en vit bakgrund på följande tag: #main-content-wrapper

får det inte att fungera och skulle uppskatta all hjälp...

Sidan går att se på www.designinstitutet.se
Anv namn: test
Lösen: pass2011

(Sidan är döljd)

Alla förslag välkomnas varmt!
editman är inte uppkopplad   Svara med citatSvara med citat
Oläst 2011-12-06, 01:11 #2
MKÖ MKÖ är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Aug 2010
Inlägg: 513
MKÖ MKÖ är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Aug 2010
Inlägg: 513
Kan inte css. prövat att googla?
MKÖ är inte uppkopplad   Svara med citatSvara med citat
Oläst 2011-12-06, 01:28 #3
Silodon Silodon är inte uppkopplad
Nykomling
 
Reg.datum: Feb 2005
Inlägg: 38
Silodon Silodon är inte uppkopplad
Nykomling
 
Reg.datum: Feb 2005
Inlägg: 38
Citat:
Ursprungligen postat av MKÖ Visa inlägg
Kan inte css. prövat att googla?
Givande inlägg...

Jag vet inte riktigt hur jag ska förklara. Men problemet för dig är att allting som ligger i #main-content-wrapper svävar så att #main-content-wrapper fäller ihop sig och ligger överst på sidan 0px hög utan någonting som trycker ut den.

Lägg till följande sist i #main-content-wrapper för att åtgärda problemet:

<div style="clear:both"></div>
Silodon är inte uppkopplad   Svara med citatSvara med citat
Oläst 2011-12-06, 11:02 #4
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
Oläst 2011-12-06, 22:26 #5
editman editman är inte uppkopplad
Medlem
 
Reg.datum: Feb 2008
Inlägg: 104
editman editman är inte uppkopplad
Medlem
 
Reg.datum: Feb 2008
Inlägg: 104
tack för tipsen! det ser bra ut nu i Chrome/FF på Mac...dock inte i IE...någon som har en aning om vad det kan vara som gör att högerkolumnen förskjuts nedåt i IE?
editman är inte uppkopplad   Svara med citatSvara med citat
Oläst 2011-12-07, 07:20 #6
Zyry Zyry är inte uppkopplad
Medlem
 
Reg.datum: Aug 2011
Inlägg: 118
Zyry Zyry är inte uppkopplad
Medlem
 
Reg.datum: Aug 2011
Inlägg: 118
kollade runt på sidan och såg detta :
http://imageshack.us/photo/my-images/535/ftttt.png/
Zyry är inte uppkopplad   Svara med citatSvara med citat
Oläst 2011-12-09, 13:15 #7
editman editman är inte uppkopplad
Medlem
 
Reg.datum: Feb 2008
Inlägg: 104
editman editman är inte uppkopplad
Medlem
 
Reg.datum: Feb 2008
Inlägg: 104
någon som skulle vilja fixa det som återstår i CSS, att få sidan att se bra ut även i IE 7,8,9 ? Vad skulle det isåfall kosta? skicka gärna privat PM med prisförslag isåfall, skulle behöva få klart det i helgen...
editman är inte uppkopplad   Svara med citatSvara med citat
Oläst 2011-12-16, 19:47 #8
Ekkes avatar
Ekke Ekke är inte uppkopplad
Medlem
 
Reg.datum: Feb 2010
Inlägg: 161
Ekke Ekke är inte uppkopplad
Medlem
Ekkes avatar
 
Reg.datum: Feb 2010
Inlägg: 161
Bara jag som finner det smått ironiskt att "designinstitutet.se" ber om hjälp med design?
Hoppas det löser sig för dig och att du får den hjälp du behöver.
Ekke är inte uppkopplad   Svara med citatSvara med citat
Oläst 2011-12-16, 22:45 #9
daniel.s daniel.s är inte uppkopplad
Flitig postare
 
Reg.datum: Mar 2008
Inlägg: 341
daniel.s daniel.s är inte uppkopplad
Flitig postare
 
Reg.datum: Mar 2008
Inlägg: 341
Citat:
Ursprungligen postat av Ekke Visa inlägg
Bara jag som finner det smått ironiskt att "designinstitutet.se" ber om hjälp med design?
Hoppas det löser sig för dig och att du får den hjälp du behöver.
Detta problemet har inte mycket att göra med design.

Ont: Som andra sagt är det nog en clearfix som behövs.
daniel.s är inte uppkopplad   Svara med citatSvara med citat
Oläst 2011-12-19, 19:38 #10
editman editman är inte uppkopplad
Medlem
 
Reg.datum: Feb 2008
Inlägg: 104
editman editman är inte uppkopplad
Medlem
 
Reg.datum: Feb 2008
Inlägg: 104
tack för alla tips! problemet löste sig med clearfix!
editman är inte uppkopplad   Svara med citatSvara med citat
Svara


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

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 01:08.

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