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

Op zoek naar de legends

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

Developer Gezocht

[FREE] WeFact Hosting module

Help testers nodig voor android app Urgent

Versio vervanger

Afspraken systeem met planbeperking

Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

321 Nieuwe Domeinnamen December 2025

Meerdere mafia game template te koop

Van een pixelige afbeelding naar een strakke, moderne website

Site niet het zelfde op andere browser(s)

Participate now!

Fijne feestdagen

Kritieke update voor Really Simple Security-plug-in

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Functioneel ontwerp

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

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

Gebruikers die dit topic bekijken