Høyde- og wrapperproblem på WP-side

[Gaasehud]

Hei!

Setter opp en side her:
Kalibergym Treningsblogg i WP mu. Men har visst tuklet litt fælt i koden, og har et problem med høyden. Innholdet går utenfor wrapper, og jeg har prøvd "alt". Må derfor ty til dere, folkens.

En blogg med innhold mindre enn wrapper ser slik ut. Men med mer innhold, ser den slik ut.

Kan noen være snille å komme med tips? Har slitt lenge med dette, og vil helst ha svar raskt. På forhånd takk!

 

[Tonny Kluften]

I css fila di har du: #wrapper height:700px;

Hva med å slette "height:700px;"?

 

[Gaasehud]

Takker for svar, men gjorde dessverre ingen forskjell. Noen flere tips?

PS: grattis med nytt nick, forresten!

 

[Tonny Kluften]

Takk for det
Hva med å slette all height, da må det vel skje noe?

 

[Gaasehud]

Ja, da forsvinner wrapper, nesten helt på toppen. Men jeg vil jo selvfølgelig at den skal følge innholdet.

 

[Tonny Kluften]

Du har prøvd? height:100%;

 

[Gaasehud]

Ja, det har jeg, funker ikke det heller, dessverre.

 

[Tonny Kluften]

Og hvis du fjerner #header { background:url(images/header.jpg); width:1000px; height:200px; margin:0px auto; } fra css fila?

 

[muffins]

Prøv med

float:left; height:auto;

på wrapper. Men dette vil skyve designet en del, så anbefaler å pakke inn alt innholdet i en container.

Lag en ny div:

#container {
	height:100%;
	width:1000px;
	margin:0px auto;
	text-align:center;
}

Pakk så alt innholdet (header, wrapper og footer) inn i denne.

Fjern så:

margin:0px auto;

fra både header, wrapper, grunge og content div.

Legg også inn:

float:left;

i footer div.

Da skal det funke! Si ifra hvis det var uforståelig. Evt send en pm

 

[peterandrej]

sett #wrapper til overflow:hidden;

 

[Gaasehud]

Tusen hjertelig takk, masse flotte svar!

muffins er mest i nærheten, prøvde løsningen din og det funker fjell i alle nettlesere bortsett fra IE7. Har du en løsning? Noe jeg har gjort galt?

 

[muffins]

Flott at det ordna seg

For IE7, prøv med

min-height:200px;
height:auto;

på grunge-diven.

 

[Gaasehud]

Dette var SUPERT, muffins! Som HeltSikker pleier å si; "Du er min nye helt." Takk så mye for svar!

 

[muffins]

Hehe, så bra at det gikk i orden! Bare hyggelig!