Site niet het zelfde op andere browser(s)

Flatliner · 28 Juli 2009

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 · 28 Juli 2009

Valid HTML schrijven? Geen margins, e.d.

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

werty9021 · 28 Juli 2009

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 · 28 Juli 2009

Ja maar wat versta je onder goed basen?

alexruter · 28 Juli 2009

Beste,

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

Groetjes,
Alex

Flatliner · 28 Juli 2009

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 · 28 Juli 2009

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 · 28 Juli 2009

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 · 28 Juli 2009

Heel vaak reset ik de css van te voren ook:

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

Probleem omtrent Tinymce

Kunnen jullie mij helpen met deze enquete

PHP Point of Sale

een eigen cloud sever

Probleem C++ en CL

Unraid

Smarty Update

DNS update Directadmin

212 Nieuwe domeinnamen December 2024

252 Nieuwe domeinnamen November 2024

Evesi Marktplaats Script

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

Delen