Niet alles staat goed qua scherm

Status
Niet open voor verdere reacties.

Mitchellvw293

Gebruiker
Lid geworden
29 jan 2015
Berichten
21
Hallo mensen van Helpmij,

Ik ben bezig met een soort van fansite van een spel. Alleen de CSS staat niet goed bij elk scherm, want bij een vierkant scherm staat die gewoon goed maar bij een 24'' scherm staat die heel lelijk..

Hoe kan ik dit het beste oplossen?


Mvg Mitchell van wijk
 
Dan moet je even de codes laten zien, want ik weet nu niet wat jij hebt opgeschreven.
 
Hallo dit zijn de codes.

#left
{
width: 759px;
float: left;
margin: 20px 0 0 40px;
}

#right
{
width: 298px;
float: right;
margin: 20px 120px 0 0;
}

#content-group
{
width: 757px;
background-color: #FFF;
overflow: hidden;
}

#content-group1
{
width: 375px;
background-color: #FFF;
overflow: hidden;
padding-top: 15px;
}

#content-mid
{
padding: 15px;
font-size: 8pt;
}

#content-mid1
{
padding: 5px;
font-size: 8pt;
}

#c_box
{
background-color: #FFF;
border: 1px solid #B8B8B8;
margin: 0 0 15px 0;
overflow: hidden;
}

.c_box
{
background-color: #FFF;
margin: 0 0 15px 0;
overflow: hidden;
width: 350px;
padding-bottom: 10px;
}
 
Code:
<html>
<head>
<link href="css/head.css" rel="stylesheet" type="text/css">
<link href="css/frontpage.css" rel="stylesheet" type="text/css">
<link href="css/every.css" rel="stylesheet" type="text/css">
<link href="css/nieuws.css" rel="stylesheet" type="text/css">
<title>StarStream ~ We are Coming!</title>
<link rel="SHORTCUT ICON" href="images/favicon.png">
</head>

<body jhjlijpomuhn_m="l">
<div id="top" style="background:url([url]http://i.imgur.com/tMcYVVF.png?1);background-position:[/url] 0% 1%;">

    <div id="logo" style="background:url(../images/logo/logo.png) center center no-repeat; width:513px; height:134px; margin:0 auto;">
    </div>
</div>

<body>
<div id="menu">
<div style="float: center;">
		<div id="inside">
		<center>
			<div id="item">
				Homepage
				<div class="submenu">
					<a style="text-decoration: none;" href="../index.php"><div class="sub_item">Home</div></a>
					<a style="text-decoration: none;" href="../staff.php"><div class="sub_item">Medewerkers</div></a>
					<a style="text-decoration: none;" href="../linkpartners.php"><div class="sub_item">Linkpartners</div></a> 
					<a style="text-decoration: none;" href="#"><div class="sub_item">Contact <font color="#00C4FF">(Onderhoud)</font></div></a>
				</div>
			</div>
			<div id="item">
				StarStream
				<div class="submenu">
					<a style="text-decoration: none;" href="#"><div class="sub_item">Shout/Request <font color="#FFBC00">(Bijna klaar!)</font></div></a>
					<a style="text-decoration: none;" href="#"><div class="sub_item">Programmering <font color="#FF0000">(Binnenkort!)</font></div></a>
					<a style="text-decoration: none;" href="#"><div class="sub_item">WebIdee <br><font color="#FF0000">(Binnenkort!)</font></div></a>
				</div>
			</div>
            <div id="item">
                Login
                <div class="submenu">
                    <a style="text-decoration: none;" href="#"><div class="sub_item">Login<font color="#FF0000">(Binnenkort!)</font></div></a>
                    <a style="text-decoration: none;" href="/register.php"><div class="sub_item">Registreren</div></a>
                    <a style="text-decoration: none;" href="#"><div class="sub_item">Wachtwoord vergeten<font color="#FF0000">(Binnenkort!)</font></div></a>
                    </div>
            </div>
			<div id="item">
				Starretro
				<div class="submenu">
					<a style="text-decoration: none;" href="#"><div class="sub_item">Over Starretro <font color="#FF0000">(Binnenkort!)</font></div></a>
					</div>
</div>
			<div id="item">
				<a style="text-decoration: none; color: white;" href="http://starretro.nl" target="_blank">Ga naar Starretro</a>
			</div>		
					</center>
				</div>
			</div>
		</div>
<div id="content">
<div id="left">
<div id="content-group">
<h3 class="blue">Welkom op StarBeats!</h3>
<div id="content-mid">
<img src="http://www.habbies.nl/images/rivier.gif" alt="StarBeats.eu" title="StarBeats.eu" style="margin: 5px 0px 0px 10px;" align="right">
					Welkom op StarBeats, wij zijn de officiele radio van <a href="http://starretro.nl">Starretro</a>!
<br><br>
Wij zenden 24 uur per dag en 7 dagen per week muziek uit, dit doen wij met onze non-stop en onze live deejays. Onze deejays zorgen voor compitities, live radio en natuurlijk voor extra gezelligheid. Naast deejays heeft StarBeats ook nog andere medewerkers die elke dag hard aan StarBeats werken om de kwaliteit van onze fansite hoog te houden, al onze medewerkers vind je op de <a href="../staff.php" target="content">medewerkers</a> pagina. 
<br><br>
Heb jij tips of wil je graag DJ worden? Dat kan uiteraard! Wacht even tot de sollicitatie's open zijn en zorg ervoor dat je het beste uit je haalt! Tips? Die zijn welkom via de TipLijn op de website. Onder het kopje Contact vind je allerlei verschillende dingen over StarBeats contact mogelijkheden!
<br><br>
Veel plezier op StarBeats!<br>
<strong>StarBeats team!</strong>
		</div>
	</div><br>

<div id="boxes">
<div id="kleinlinks">
<h3 class="blue">Meeste Sterren</h3>
<div id="content-mid1">
<?php
$sqllink = mysqli_query($db,"SELECT * FROM gebruikers ORDER BY munten DESC LIMIT 3");
while ($row = mysqli_fetch_array($sqllink)) {
	?>
	<table style="overflow:hidden; margin-top: -30px;" cellpadding="0px;" cellspacing="0px;" >
<tr>
<td><img style="bottom: -40px; position: relative; z-index: 0;" src='http://www.habbo.nl/habbo-imaging/avatarimage?figure= <?php echo $row['skincode']; ?>&direction=2&head_direction=3&gesture=sml&size=m'/></td><td rowspan="2"><div style="margin-top:50px;">Star naam : <b><?php echo $row['naam']; ?></b><Br>Aantal munten : <b><?php echo $row['munten']; ?></b></div></td>
</tr>
</table>
	<?php
}
?>

</div>
</div>
<div id="kleinrechts">
<h3 class="blue">Snelrooster</h3>
<div id="content-mid">
<?php include 'includes/snelrooster.php'; ?>
</div>
</div>
</div>
</div>

<div id="right">
<div class="c_box1">
	<h3 class="blue">Nieuws</h3>
	<?php include 'includes/nieuws.php'; ?>
</div>

<div class="c_box">
    <h3 class="blue">Laatst geregistreerd lid</h3>
    <?php 
        $lastreg = mysqli_query($db,"SELECT * FROM gebruikers ORDER BY id desc limit 20");
        $rowlast = mysqli_fetch_assoc($lastreg);
    
    if ($lastreg->num_rows > 0) {
        echo '<img class="lastreg-img" src="http://www.habbo.nl/habbo-imaging/avatarimage?figure=' . $rowlast['skincode'] . '&direction=4&head_direction=3&gesture=sml&size=m"/><div class="lastreg-info">Welkom <b>'.
        $rowlast['naam'].'</b><br>'.$rowlast['status'].'</div>';}
        else{
            echo '<br>Sorry, er zijn nog geen leden in Starstream';
        }

        $lastreg->close();
    ?>
</div>
<div class="c_box1">
    <h3 class="blue">Login</h3><br>
    <?php include 'includes/class.login.php'; ?>
    <form action="index.php" method="post" style="margin-left: 5px;">
        Star Gebruikersnaam :<br><br>
        <input type="text" name="naam" value="" class="text" style="height: 35px;width:340px" ;=""><br><br>
        Wachtwoord :<br><br>
        <input type="password" name="wachtwoord" value="" class="text" style="height: 35px;width:340px;" ;=""><br><br>
        <font style="color:red;">Gebruik nooit je Star wachtwoord!</font><br><br>
        <a href="register.php">Wil je een account? Meld je dan nu aan!</a><br>
        <input type="submit" value="Inloggen" name="loginbutton" style="width: 100%;"></form>
</div>

<div class="c_box">
<h3 class="blue">Solliciteer Direct!</h3>
				<div class="inner">
<div style="margin-left:5px; margin-top:5px;">
								<img src="http://djremixhabbo.yolasite.com/resources/mini_dj_publicsize.gif" align="right" style="margin: 0px 5px 5px 5px;">
StarBeats zoekt extra DeeJays om ons team te komen versterken! <br><br>
Wil jij onze collega worden? Solliciteer dan snel!
<img style="position: absolute; top: -30px; left: -3px;" src="<?php echo htmlspecialchars ("".$plook.""); ?><?php echo htmlspecialchars ("".$skincode.""); ?>&amp;direction=3&amp;gesture=sml">
</div><br><br>

<a style="text-decoration: none;" href="#" target="content">
<center><input style="height: 26px; font-size: 8pt; padding: 10px; width: 164px;color: white; font-weight: bold;" size="22" type="button" class="submit blue" value="Klik hier om te solliciteren!"></center>
				</a>
			</div>
</div>
</div>
</div>
</body>
</html>
 
Hoi,

Er zouden eerst wat dingetjes goed moeten staan.
Code:
Begin de html liever zo
[COLOR="#0000CD"]<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">[/COLOR]

2x [COLOR="#0000CD"]<body>[/COLOR] is niet toegestaan

In [COLOR="#0000CD"]<body jhjlijpomuhn_m="l">[/COLOR] mag je geen jhjlijpomuhn_m zetten

[COLOR="#0000CD"]<div style="float: center;">[/COLOR] werkt niet
suggestie: margin-left: auto; margin-right: auto;

In het algemeen:
- Verhuis alle css liever naar de stylesheet.
- Opmaak in de html met oude tags zoals <center> en <font...> wordt afgeraden. Je kunt dit met css doen.

Suc6.
 
Geef je body een vaste grote en zorg dat ie in het midden van de browser staat.

voeg dit toe aan de css:
{
width: 1080px;
margin: 0 auto;
}

ga dan je site netjes maken met css.
dan zou er nergens meer iets fout moeten zijn!
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan