Gå til innhold

Div's hopper ned i IE

Notfree

Av Notfree
i Programmering og webutvikling

Anbefalte innlegg

Notfree

Notfree

Skrevet
Skrevet

Jeg har da et problem med at noen av divene hopper ned i IE, dette er det jeg får opp når jeg feilsøker i DW :

 

 

 

If a container (including the browser window itself) is not wide enough to accommodate both a float with a specified width and any content with a specified width that follows it, the content after the float will drop below the float rather than wrapping around it.

 

Affects: Internet Explorer 6.0, 7.0

Likelihood: Likely

 

Hvordan fikse det? :)

Videoannonse

Videoannonse
Annonse
laurell

laurell

Skrevet
Skrevet

Nå vet ikke jeg hvordan siden din eller koden ser ut men slik jeg forstår det:

 

Si at du har 2 diver i 1 annen div.

Da er sikkert divene breddere enn at begge skal få plass ved siden av hverandre. (float)

Vis den ene dekker 60% av bredden og den andre 50% (110% av bredden) så vil de få problem med og stå vedsiden av hverandre, derfor vil de kanskje stå under hverandre.

 

Prøv og angi bredden på de divene som hopper ned, enten ved bruk av prosent eller antall px.

 

Søk på google, der finner du sikkert mange som har samme problemet.

Notfree

Notfree

Skrevet
  • Forfatter
Skrevet (endret)

Takker for svar, tror jeg forstod det litt bedre. Skal prøve og fikse det ;)

 

Eksempel på siden jeg nevnte er:

 

www.byggfag.info/stilas/stilas.html (Ikke siden som blir vist under, men samme oppsett)

Endret av Soni1
Notfree

Notfree

Skrevet
  • Forfatter
Skrevet

Problemet er bare det at jeg(vi) rett og slett ikke forstår hva det egentlig er vi skal fikse på

 

Her er HTML koden (CSS kommer under)

 

<body>
	<div id="wrapper">
		<div id="logo">
			<a href="../maler/maler.html"><img src="logo.gif" alt="Årstad Videregående Logo" border="0"></a>
		</div>

		<div id="header">
		</div>

		<h1>Rørlegger</h1>
			<div id="tekst">
				<p> 	
				Hva vil DU bli? 
				Å være rørlegger er en flott<br> utdaningsmulighet med mye CASH! <br><br>
				Yea!	

				</p>
			</div>	
			<div id="sidemeny">
				<ul>
					<li><a href="rorlegger.html">Rørlegger</a></li>
					<li><a href="info.html">Info</a></li>
					<li><a href="bilder.html">Bilder</a></li>
					<li><a href="fremtid.html">Fremtid</a></li>
					<li><a href="film.html">Film</a></li>
					<li><a href="kontakt.html">Kontakt</a></li>
				</ul>
			</div>
			<div id="undermeny">
				<a href=""><img src="" height="80px" width="80px" border="0"></a>
				<a href=""><img src="" height="80px" width="80px" border="0"></a>
				<a href=""><img src="" height="80px" width="80px" border="0"></a>
				<a href=""><img src="" height="80px" width="80px" border="0"></a>
			</div>
	</div>
</body>

 

body {
background-color: #ffffff;
font-family: adobe garamond pro;
font-size: 20px;
}

#logo {
height: 131px;
width: 141px;
padding: 50px 55px 0 30px;
float: left;
}

#header {
background-repeat: no-repeat;
background-position: left;
height: 131px;
width: 417px;
float: left;

}

h1  {	
margin: 64px 100px 0 85px;
float: left;

}

#tekst {
width: 427px;
margin: 40px 0 0 70px;
height: 250px;
overflow-y: scroll;
clear: left;
padding: 0 5px 0 0;
}

#sidemeny {
float: right;
margin: -350px 70px 0 0;
width: 80px;
height: 355px;
}

#sidemeny li {
list-style: none;
}

#sidemeny a {
text-decoration: none;
color: #000000;
}

#sidemeny a:hover {
text-decoration: none;
color: #ffffff;
}

#undermeny {
margin: 58px 0 0 123px;
}

FrodeNilsen

FrodeNilsen

Skrevet
Skrevet

Jeg har da et problem med at noen av divene hopper ned i IE, dette er det jeg får opp når jeg feilsøker i DW :

...

 

Hva mener du med "DW"?

 

Koden

 

Jeg har smeltet sammen markup og styling, indentert koden slik at dere burde se strukturen, samt gitt bokser kantlinje. Da vil dere se at koden ikke er særlig god.

 

Dere har overflow:visible som default for nettleseren, slik at innholdet flyter utenfor boksene deres. Plasseringen er mildt sagt underlig også.

 

Mulig jeg har gjort noe feil, men det var flere feil i markup, og jeg får ikke ting til å henge på greip. Hvis jeg skal bistå dere noe, så renskriv den vedlagte fila slik at den passer med beskrivelsen i denne tråden, og last den opp som ett vedlegg. Så kan vi ta det derfra. Dere kan lenke til bilder som ligger på en server også, hvis dere ønsker.

 

Frode

markup.html

Notfree

Notfree

Skrevet
  • Forfatter
Skrevet (endret)

Med DW mener jeg Dreamweaver.

 

Vel jeg er ikke helt sikker på hva du mente, men jeg gjør mitt beste.

 

http://www.byggfag.info/betong/betong.html er siden som ligger online.

 

Jeg prøvde og gjennskape den i den vedlagte html-filen med oppsettet som du gav oss, men det ble ikke helt likt da.

 

Det skal ikke være bilder inni bildetaggene, bare størrelsen skal være som det står.

 

vi lager en mal så vi kan bare putte inn 9 forskjellige design, det eneste vi kommer til og forandre er litt på plasseringene til div'ene for og treffe riktigt på de gjennværene designene.

 

Prøvde og gjøre mitt beste ;)

index_1_.html

Endret av Soni1
laurell

laurell

Skrevet
Skrevet
Hva mener du med "DW"?

 

Tror han mener han har Validert i Dreamweaver, en innebygd funksjon.

Det er egentlig en dårlig ide, for den er litt udatert, og den viser ikke alle valideringsfeilene som man vil finne hos WC3 validatoren.

FrodeNilsen

FrodeNilsen

Skrevet
Skrevet
Med DW mener jeg Dreamweaver.

...

Jeg prøvde og gjennskape den i den vedlagte html-filen med oppsettet som du gav oss, men det ble ikke helt likt da.

...

 

Jeg benytter ikke Dreamweaver, men i ditt tilfelle er det innlysende hva du kan bruke.

 

Siden du har bokser med fast høyde og bredde, noe som ofte er ett tegn på dårlig design, så kan du benytte absolute posisjonering.

 

Du gjør den ytterste div boksen til en containing block ved å benytte relativ posisjonering uten forflytning.

 

Ellers må dere se på formatering av lister.

 

Ta utgangspunkt i denne:

http://www.w3.org/TR/CSS21/propidx.html

 

Se på position, margin, padding, list-style, top, og left.

 

Frode

Notfree

Notfree

Skrevet
  • Forfatter
Skrevet

Takk for info Frode.

 

Vi har fundert mye på dette, men i dag hadde en i gruppen vår funnet hjelp og vi har skrevet om nesten alt. Med det du sa vi burde gjøre :) Position: absolute og midtstilt alt og deretter benytte margin og padding.

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å
Gå til emneliste
×
×
  • Opprett ny...