Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

Inner ramen flyter över kanten i firefox...

1
Skriv svar
Permalänk
Medlem
●

Inner ramen flyter över kanten i firefox...

hej, jag pillar lite på en hemsida och har en liten fråga:

Hur gör jag så "main" ramen automatiskt blir längre ju mer innehåll det är när jag har float:left på boxarna innuti?, nu har jag ställt in längden på main för annars hamnar boxarna med float:left nedanför, dom liksom rinner över kanten, detta händer bara i firefox ..

Visa signatur

Asus Zenbook UX32VD-R4002V.

Redigera
Citera flera Citera
Permalänk
Medlem
●

prova att lägga en liten "avdelare" efter dina float divar som inte har float men som har clear:both;

såhär

menu, content {
  float:left;
}

#delim {
  clear:both;


<div id="main">
  <div id="menu">
  </div id="content">
  <div id="delim">
</div>

Har precis haft samma problem, då IE visade så som man vill men Fx lät menu flyta över. Detta fixade biffen för mig.

Visa signatur

Är det inte jag, så är det någon annan...
WGS84 Lat/Long: N 60º 23' 28.12" E 15º 40' 14.24"
RT90: X=6697030, Y=1492584

Redigera
Citera flera Citera
Permalänk
Medlem
●

Om jag fattar rätt ska det bli såhär?

<body>
<div id="main">
	<div id="top">
	</div>
  <div id="menycontainer">
					<ul id="meny">
					<li><a href="index.html">Start</a></li>
					<li><a href="gaming.html" id="current">Gaming</a></li>
					<li><a href="guider.html">Guider</a></li>
					<li><a href="#">Forum</a></li>
					<li><a href="http://modds.trycktorget.se">Webshop</a></li>
					<p> </p>
					<p align="center">
					  <div id="nyheter">
						  <p>Senaste matcherna:</p>
						  <p>Ingen information än...  </p>
					  </div>
					  <div id="nyheter">
						  <p>Sponsrade claner: </p>
						  <p>-=Unlimited=-</p>
						  <p>Public Servrar:</p>
						  <p>1#: unlimitedcs.mine.nu:27016</p>
						  <p>War server:</p>
						  <p>unlimitedcs.mine.nu:27016 </p>
						  <p><a href="http://www.unlimited.webb.se" target="_blank">Till sidan</a></p>
					  </div>
					</p>
					</ul>
  </div>
					
					<div id="textbox">
					  <p>Servrarna:</p>
					  <p>Modds.se #1, 81.229.42.16:27015</p>
					  <p>En vent ip kommer snart. </p>
					</div>
		            <div id="textbox">
			<div id="text">
			  <p>Counter strike!</p>
			  <p>Modds.se's clan heter just nu: ASFALT</p>
			  <p>Medlemmarna är:</p>
								   <div id="medbox"><em></em>
								<p align="center">--[ go7od ]-- </p>
									<p> Namn: Alfred</p>
									<p>Bor: Sala</p>
									<p>Map: de_Dust2, aim_ak-colt</p>
									<p> uppkoppling: 8mbit/s adsl</p>
									<p>Vapen: Colt/ak, Bulpup, Deagel</p>
							  </div>
								  
								  <div id="medbox">
									<p align="center">--[ StevenSeagal ]-- </p>
									<p>Namn: Johan</p>
									<p>Bor: Sala</p>
									<p> Map: de_Dust2, aim_ak-colt</p>
									<p> uppkoppling: 24mbit/s adsl </p>
								  </div>
								  
							  <div id="medbox">
								<p align="center">--[ eMpty seveN ]-- </p>
								<p>Namn: Jesper</p>
									<p> Bor: Sala</p>
									<p>Map: de_Dust2, aim_ak-colt</p>
									<p>uppkoppling: 8mbit/s adsl</p>
			  </div>
								  
								  <div id="medbox">
									<p align="center">--[ Dempa ]-- </p>
									<p>Namn: Dennis</p>
									<p>Bor: Sala</p>
									<p>Map: de_Dust2, aim_ak-colt</p>
									<p>uppkoppling: 8mbit/s adsl</p>
								  </div>
								  
								  <div id="medbox">
									<p align="center">--[ Englund ]-- </p>
									<p>Namn: Robin </p>
									<p>Bor: Sala</p>
									<p>Map: de_Dust2, aim_ak-colt</p>
									<p>uppkoppling: 0.5mbit/s adsl</p>
								  </div>			  
								 

			</div>
			<div id="bottom_text"></div>
			</div>
			<div id="clear">hej</div>
</div>
<div id="bottom">Copyright © 2007 Modds.se. All rights reserved.</div>
</body>

Detta fungerar inte för mej, har jag gjort nåt fel?, sidan är iaf www.modds.se/gaming.html

Edit

glömde skriva att diven clear har {clear:both; width:800px; height:10px;}

Visa signatur

Asus Zenbook UX32VD-R4002V.

Redigera
Citera flera Citera
Permalänk
Medlem
●

nope. menar såhär:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Modds.se -guider och gaming</title>

<style>

#site
{
	width:600px;
	border:5px solid black;	
}

#header
{
	border:5px solid blue;	
}

#menu
{
	width:100px;
	border:5px solid green;
	float:left;	
}

#content
{
	width:450px;
	border:5px solid yellow;	
	float:left;
}

#delim
{
	border:5px solid pink;
	clear:both;	
}
</style>


</head>

<body>


<div id="site">

	<div id="header">head<br />djfdklfkljd</div>
	<div id="menu">menu....<br /> massa links</div>
	
	<div id="content">och <br />content <br />innehåller <br />allt</div>
	
	<!-- prova ta bort hela raden här under får du se... -->
	<div id="delim">denna ligger här och tvingar main att expanda</div>
	
</div>


</body>
</html>
Visa signatur

Är det inte jag, så är det någon annan...
WGS84 Lat/Long: N 60º 23' 28.12" E 15º 40' 14.24"
RT90: X=6697030, Y=1492584

Redigera
Citera flera Citera
Permalänk
Medlem
●

tack tack :), nu funkar det

Visa signatur

Asus Zenbook UX32VD-R4002V.

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara