Site niet het zelfde op andere browser(s)

Flatliner

Eey,

Ik heb gister eens wat zitten klooien met html en css, en daar is dan een basis gedoe uit gekomen.

Maar bij Google Chrome staat de tekst meer naar onder, en bij Internet Explorer staat alles gewoon goed.

Weet iemand wat je eraan kan doen zodat bij (bijna )elke browser je gewoon alles op dezelfde plek ziet?

JeroenH

Valid HTML schrijven? Geen margins, e.d.

Gewoon W3C validator gebruiken. http://validator.w3.org/

werty9021

JeroenH, wat jij zegt is onzin, je kan valid xHTML&CSS schrijven en dan kan die nog in elke browser verschillend zijn.

Flatliner, de enige oplossing is het goed te basen(xD)

Flatliner

Ja maar wat versta je onder goed basen?

alexruter

Beste,

Dat de plaatjes zodanig worden gebased, dat ze inprincipe in iedere strict gebruikt kunnen worden.;)

Groetjes,
Alex

Flatliner

Script :

PHP

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
body {
background: #629CEE;
}
#header {
background: #3366FF;
position: absolute;
width: 946px;
height: 100px;
left: 0px;
top: 0px;
}
#header h2 {
font-family: Verdana;
color: white;
padding-left: 100px;
padding-top: 5px;
}
#header p {
font-family: Verdana;
color: white;
font-size: 12px;
padding-left: 200px;
}
#content {
float: left;
width: 300px;
height: 300px;
border: 1px dashed white;
position: relative;
left: 100px;
top: 112px;
}
#content A:link {
text-decoration: none; 
color: white;
}
#content A:visited {
text-decoration: none; 
color: white;
}
#content A:active 
{text-decoration: none; 
color: white;
}
#content A:hover {
text-decoration: none; 
color: #3366FF;
}
#content p {
font-family: Verdana;
font-size: 10px;
color: white;
}
#content img {
float: left;
}
h3 {
font-family: Agency FB;
color: white;
position: absolute;
left: 110px;
top: 95px;
margin-top: 5px;
}
#menu {
width: 946px;
height: 20px;
background: #3366FF;
position: absolute;
top: 450px;
left: 0px;
padding-left: 10px;
padding-top: 2px;
font-family: Verdana;
font-size: 12px;
}
#footer p {
position: absolute;
top: 450px;
left: 700px;
font-family: Verdana;
font-size: 12px;
color: white;
padding-top: 2px;
}


A:link {text-decoration: none; color: white;}
A:visited {text-decoration: none; color: white;}
A:active {text-decoration: none; color: white;}
A:hover {text-decoration: none; color: #629CEE;}


-->
</style>
<div id="header">
<h2>Naam - Naam - Naam</h2>
<p>Slogan - Slogan - Slogan</p>
</div>
<h3>Portfolio</h3>
<div id="content">
<p>Op deze pagina vind U de laatste opdrachten die wij hebben gedaan.</p>
<a href="#">
<img border="0" src="images/none.png" width="65" height="38"></a> 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p><br />
<a href="#">
<img border="0" src="images/none.png" width="65" height="38"></a> 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p><br />
<a href="#">
<img border="0" src="images/none.png" width="65" height="38"></a> 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p><br />
<a href="#">
<img border="0" src="images/none.png" width="65" height="38"></a> 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<p>Wilt U ook zo'n mooie site? Neem dan <a href="#">Contact</a> met ons op.</p>
</div>
<div id="menu">
<a href="#">Home</a>                 
<a href="#">Portfolio</a>
<a href="#">Diensten</a>
<a href="#">Contact</a>
</div>
<div id="footer">
<p>Naam - Alle rechten voorbehouden.</p>
</div>




</head>
<body>


</body>
</html>

Toon Meer

online voorbeeld: http://www.rg.karhost.nl

Nieuwe reactie samengevoegd met originele reactie op 28.07.09 11:27:47:
@game-projects

Als ik dat zo verander gebeurt er nog niks.

Flatliner

Het is niet echt een layout als je het zo moet noemen, het is eigelijk gewoon een paar vakken geplaatst via css me teen achtergrond kleur en soms een border erbij.

werty9021

Flatliner, heb je niks van die andere layout geleerd?
- Gebruik float ipv position.
- Zorg dat het in het midden staat dmv een Wrapper of Container of hoe je het wil noemen.
- Etc

-Maikel

Heel vaak reset ik de css van te voren ook:

http://meyerweb.com/eric/tools/css/reset/

ICTscripters

Dé plek voor IT

Dé plek voor IT

Ictscripters Chat

Het Grote Vibe Code Topic

PWYL source gezocht

Help testers nodig voor android app Urgent

Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

Afspraken systeem met planbeperking

Developer Gezocht

Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

370 Nieuwe Domeinnamen April 2026

Snel een website nodig?

Sicarras.com - Moderne Mafia Text-Based RPG

Site niet het zelfde op andere browser(s)

Participate now!

Google Cloud is in de problemen (en AWS weet het)

Nebius kondigt bouw aan van een van Europa's grootste datacenters

Samsung zal miljoenen verdienen aan Apple iPhone Fold dankzij zijn 12GB RAM

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2