Hur kan man styra med css så att delarna på en webbplats inte flyttar
sig hur som helst när man minskar storleken på webbläsarfönstret?
Jag har nämligen byggt min sida med divar och märker att de flytter på sig.
Orörliga divar
35 svar · 1 030 visningar · startad av B22
Om du lägger dom i en omslutande div som har en definierad bredd som sträcker sig över båda (eller flera) divvar i den omslutande divven så ska de inte ramla ner en rad om du gör om storleken på fönstret.
Jaha! Tack för tipset.
Jag har alla divvar utspridda för på sidan utan att ha en enda div som omslutar
dem, precis som du beskriver det. Jag kommer att testa det och se hur det går.
Jaghar placerat en div precis efter att jag har öppnat body taggen och avslutat den innan jag stänger body taggen, men jag allt ser så konstigt ut tycker jag.
Nu märker jag att inga delar flyttar på sig vilket är bra, men när jag markerade just den divven (mha web developer verktyget i Firefox) så ser jag att det är en del i mitten av sidan som markeras och hela!
sedan så har hela sidan börjar ändra även tecken storlek, och menyerna hoppar upp när jag klickar på dem, först andra gången kan jag klicka på dem...allt är så skumt..
Vet någon vad detta kan bero på?
Har det med storleken av divvarna eller css formatering att göra?
Vad är det som gör att menyerna och texterna inte ser likadana ut?
Som jag nämnde tidigare så hade jag inte det problemet innan jag la in den divven som omsluter hela sidan :(
Det mesta var storleken på divvarna märkte jag, pluss att jag hade gett olika text formatingar på vissa sidor, löste det genom att i body taggen istället ange text formateringen.
Men jag har dock ett problem kvar, och det är att en del andra menyer som jag har
skapat som en ul lista hoppar upp och ner när man vill klicka på dess länkar i IE men inte i FF, vet någon vad det beror på?
har du nån länk att dela med dig?
Innan man kan se vad som är fel så ska du nog rätta till de flesta av de andra felen först. Du har bl.a två head och body... som bl.a gör att sidan inte heller går att validera.
Två head? Jag har bara en head och body i index vad jag ser.
Gå till sidan och kolla källkoden i din webbläsare. Du har 2 head och 2 body. Sidan liksom börjar om alldeles innan texten "Om UKF".
/D
Titta i källan på det som skrivs ut när adressen är http://www.ukf.be/.
Forstätter du klicka framåt för att sedan gå tillbaka till startsidan så skrivs inte innehållet ut, men då finns bara en head och body...
Altså detta är märkligt.
Det är nämligen så att filenomukf.html öppnas i filen index.php i divven som heter scrollbox.
Tittar man på varje fil för sig så har var och en bara en head och en body, men visar man källan i webbläsaren så har de två bakats ihop in i varandra...
Vad ska jag göra åt detta nu?
För högermenyn i css-en:
#n_meny{display: block; list-style-type: none; font-size: 0.90em }
/* flyttat på display:block; och lagt in zoom:1; fix för IE haslayout*/
#n_meny a{zoom:1; width: 10em; text-decoration: none; padding: 0.3em 2em; margin-bottom: 0.8em; border: 1px solid #990099;}
B22 skrev:
Altså detta är märkligt.
Det är nämligen så att filenomukf.html öppnas i filen index.php i divven som heter scrollbox.
Tittar man på varje fil för sig så har var och en bara en head och en body, men visar man källan i webbläsaren så har de två bakats ihop in i varandra...Vad ska jag göra åt detta nu?
Ser ut som att du har inkluderat mer än bara texten för diven scrollbox i filenomukf.html!
B22 skrev:
Altså detta är märkligt.
Det är nämligen så att filenomukf.html öppnas i filen index.php i divven som heter scrollbox.
Tittar man på varje fil för sig så har var och en bara en head och en body, men visar man källan i webbläsaren så har de två bakats ihop in i varandra...Vad ska jag göra åt detta nu?
Det du tar in som en input eller hur du gör, får bara innehålla det som ska synas, dvs det du har mellan body-taggarna.
joser:
Tack ska du ha, har testat och det funkar fint, vill du förklara lite vad zoom gör?
Det talar bara om för IE att objektet har en layout, dvs vidd och höjd. IE räknar om layouten när hover går in.
joser skrev:
Det talar bara om för IE att objektet har en layout, dvs vidd och höjd. IE räknar om layouten när hover går in.
Tack tack.
Ser ut som att du har inkluderat mer än bara texten för diven scrollbox i filenomukf.html!
Det är bara en html dokument som innehåller endast den texten och w3's logga.
Eller vad menar du med mer?
Det här är vad du inkluderar med include:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Om UKF</title>
<link href="ukf.css" rel="stylesheet" type="text/css"></link>
</head>
<body class="text">
<p class="text">Om UKF</p>
<p class="text">
Uddevallas Kurdiska Förening(UKF), är en sällskaps förening för varje kurd som är bosatt i Uddevalla kommun<br />
föreningen bildades 2006-04-15. Några av personerna som låg bakom föreningens bildande är styrelse ordföranden,<br /> Fatima Ismael,
Ziad Salahi som är styrelsemedlem, viceordföranden Weishyar muhammad, samt Bejan wahab.<br />
Vi hjälper de nyanlända kurderna till Uddevalla kommun med tolkning, läser posten de får och vill att vi tolkar innehållet, ringer telefonsamtal till olika myndigheter då de har ett ärende. Vi har även tidningsläsning på fredagar och lördagar.
</p>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
</p>
</body>
</html>
Men det borde bara vara en textfil:
Uddevallas Kurdiska Förening(UKF), är en sällskaps förening för varje kurd som är bosatt i Uddevalla kommun<br />
föreningen bildades 2006-04-15. Några av personerna som låg bakom föreningens bildande är styrelse ordföranden,<br /> Fatima Ismael,
Ziad Salahi som är styrelsemedlem, viceordföranden Weishyar muhammad, samt Bejan wahab.<br />Vi hjälper de nyanlända kurderna till Uddevalla kommun med tolkning, läser posten de får och vill att vi tolkar innehållet, ringer telefonsamtal till olika myndigheter då de har ett ärende. Vi har även tidningsläsning på fredagar och lördagar.