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/

DNS update Directadmin

Graag advies voor mijn website

Ik wil op afstand studeren, kennen jullie Tech?

PC probleem

Let op Vimexx klanten

wie kan mij helpen met Security aanscherpen voor nmijn website

Ik ben op zoek naar een goede hosting

App bouwer gezocht

Dating software

250 Nieuwe domeinnamen April 2024

Xenforo buckaroo plugin

Site niet het zelfde op andere browser(s)

Participate now!

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Het Belang van Standaardisatie

De Revolutionaire Rol van IT in Alzheimeronderzoek

Functioneel ontwerp

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

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

Delen