Hela boxen flyttar sig

9 svar · 647 visningar · startad av Emil W 12 sep. 2009

Emil WMedlem sedan mars 2009512 inlägg

Frågan12 sep. 2009 19:02#1

Hej har ett litet problem med att få inlägg boxen att flytta sig lite ner

hela mitten boxen följer också med men det vill inte jag
och sen vill inte inlägg boxen åka ner, inlägg boxen är den som mitt namn står i

hur löser man detta ?

se bifogad bild

så här ser css koden ut

body{
background:#AAAAAA;
margin:0px;
}
.topp{margin-left:110px;}
.list{background:#EEEEEE; margin-left:110px; border:0px solid #000000; width:808px; text-align:center;}
.mitten{background:#FFFFFF; margin-left:110px; border:0px solid #000000; width:808px; height:800; text-align:center;}
.inlagg_box{border:1px solid #000000; width:600px; margin-left:100px; margin-top:10px;}

MelittaMedlem sedan sep. 2003448 inlägg

13 sep. 2009 16:24#2

Som alltid, posta länk till en skarp sida eller mer kod, jätte svårt att svara på vad det kan vara när du bara postar 4 rader från din css..

Emil WMedlem sedan mars 2009512 inlägg

13 sep. 2009 16:38#3

jag har kör lokalt på min dator

MelittaMedlem sedan sep. 2003448 inlägg

13 sep. 2009 17:20#4

Ja men posta resten av koden då..

Emil WMedlem sedan mars 2009512 inlägg

13 sep. 2009 17:21#5

här kommer alll kod

<head>
<title>Emils blogg</title>
<link href="tema1.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="topp"><img src="logo.gif"></div>
<div class="list"><?php echo "$dagar[$datum]"; echo " den".date(" d"); echo " $manader[$datumm]"; echo date(" Y");?></div>
<div class="mitten">
<?php
$server = "**************";
$anv = "**********'";
$los = "************''";
$databas = "***********";

$con = @mysql_connect($server,$anv,$los);
if(!$con)
{
die('fel' . mysql_error());
}
mysql_select_db($databas,$con);

$result = "SELECT namn,text,datum FROM blogg_inlagg";
$skriv = mysql_query($result);

while($row = mysql_fetch_array($skriv))
{
<div class=\"inlagg_box\">
echo $row['namn'];
echo "</div>";
}
mysql_close($con);
?>
</div>
</body>
</html>

voigtann1Medlem sedan juni 20019 519 inlägg

13 sep. 2009 17:23#6

Postar gärna ännu hellre den genererade html koden än blanding med php och html, visa källa i ditt dokument, jag gissar att du ha en p-element eller liknande med en default margin som ställer till det för dig.

Emil WMedlem sedan mars 2009512 inlägg

13 sep. 2009 17:30#7

så här ser käll koden ut när jag tar visa källa


<html>
<head>
<title>Emils blogg</title>
<link href="tema1.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="topp"><img src="logo.gif"></div>
<div class="list">Söndagen den 13 September 2009</div>
<div class="mitten">
<div class="inlagg_box">Emil Wiklund</div></div>
</body>
</html>

voigtann1Medlem sedan juni 20019 519 inlägg

13 sep. 2009 17:51#8

Rensat kod, flyttat in det i en wrapper istället, så slipper du uppdatera bredd på 3-4 css klasser, räcker att du gör det på ett ställe, sen centrerade jag "Emil Wiklund", istället för att köra på pixlar.

<html>
<head>
<title>Emils blogg</title>

<style>
body{
	background: #aaa;
	margin: 0px;
}
.list{
	background: #eee;
	text-align: center;
}
.mitten{
	text-align: center;
	height: 800px;
}
.inlagg_box{
	border: 1px solid #000;
	width: 600px;
	margin-top: 10px;
	margin: 10px auto 0 auto; /*Center container */
	margin-top: 10px;
}
#wrapper {
	background: #fff;
	margin-left: 110px; /*Easier to center one item instead of all three items, same goes with width */
	width: 808px;
}
</style>

</head>
<body>
	<div id="wrapper">
		<div class="topp">
			<img src="logo.gif">
		</div>
		<div class="list">
			Söndagen den 13 September 2009
		</div>
		<div class="mitten">
			<div class="inlagg_box">Emil Wiklund</div>
		</div>
	</div>
</body>
</html>

Emil WMedlem sedan mars 2009512 inlägg

13 sep. 2009 18:36#9

Det blir fortfarande samma jag vill att mitten rutan ska sitta i hop med listen där datumet står

och sen boxen där mitt namn står ska ner en liten bit

Emil WMedlem sedan mars 2009512 inlägg

13 sep. 2009 18:39#10

jag fick lägga till padding:5px; till classen mitten