+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: rozjeżdzający się layaut (/thread-rozjezdzajacy-sie-layaut)
rozjeżdzający się layaut - taaniel - 11-02-2013
Witam serdecznie, próbuje swych sił z pewną stronką. i mam problem poniewaz lokalnie jest wszystko ok ale już w necie layaut sie rozjeżdza:/ jaki błąd popełniłem? bede wdzieczny za pomoc.
stronka:http://www.bonjurebabe.pl/
a kod:
HTML:
Kod:
<!DOCTYPE HTML>
<head>
<meta name="generator" content="Instantblueprint.com - Create a web project framework in seconds.">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<title>Bonjurebabe</title>
<meta name="description" content="Add your sites description here">
<meta name="keywords" content="Add,your,site,keywords,here">
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/print.css" media="print">
<link rel="stylesheet" type="text/css" href="css/reset.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div id="backgraund-tlo">
<div id="container">
<div id="haeder">
<div id="menu">
<div id="logo">
<a href="https://www.facebook.com/bojnourbebee?ref=ts&fref=ts" id="fb"></a>
<a href="#" id="rss"></a>
<a href="#" id="twitter"></a>
<a href="index.html" id="onas"></a>
<a href="cennik.html" id="cennik"></a>
<a href="kontakt.html" id="kontakt"></a>
</div>
<div id="malelogo">
</div>
<div id="tekst1">
<font size="6">
<p>Bonjour Bébé to miejsce szczególne, dla rodziców i dzieci wyczulonych na estetykę i dobry styl. Zostało stworzone z miłości do dzieci i zdrowego trybu życia.</p>
</font>
</div>
<div id="tekst2">
<font size="6">
<p>Dokładamy wszelkich starań w dążeniu do jak naj doskonalszych warunków dla dzieci i personelu. Realizując marzenia z dzieciństwa, staramy się wyróżniać, być ponad standard, aby stworzyć dzieciom bajkowy, bezpieczny świat. Chcemy by czuły się szczęśliwe, a ich rodzice spokojni.
Zapewniamy dzieciom optymalne warunki do rozwoju, udostępniając im świat muzyki, sportu, doświadczeń artystycznych, nauki czy języków obcych.
Wiemy jak ważne jest, aby kształtować dobre nawyki żywieniowe u naszych dzieci dlatego zdecydowalismy się na zdrową kuchnię. Posiłki przygotowywane są przez firmę kateringową "Jak Jeść". Możesz mieć pewność, że dziecko otrzyma naturalny, pyszny i prawidłowo zbilansowany posiłek.</p>
</font>
</div>
</div>
</div>
</div>
</div>
</body>
</html>CSS
Kod:
/*
CSS file created with:Instantblueprint - Create a web project framework in seconds.
http://instantblueprint.com
Project: Bonjurebabe
File: css/style.css
Last edited: February 10, 2013, 8:14 am
*/
/* Main */
#body {
background:black;
color:#000;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#backgraund-tlo {
background: black;
}
#container{
width:960px;
margin:0 auto;
height:1300px;
background: white;
}
margin:0 auto;
width:960px; /* Change to desired width :) */
#header {
}
#logo {
width:335px;
height:311px;
background:url(../images/Logo.png);
}
#fb {
position:absolute;
top: 20px;
right: 600px;
width:43px;
height:43px;
background:url(../images/fb.png);
display:block;
outline:none;
}
#fb:hover {
opacity:0,7;
}
#rss{
position:absolute;
top: 20px;
right: 547px;
width:43px;
height:43px;
background:url(../images/rss.png);
display:block;
outline:none;
}
#twitter{
position:absolute;
top: 20px;
right: 494px;
width:43px;
height:43px;
background:url(../images/twitter.png);
display:block;
outline:none;
}
#menu {
margin:0 auto;
width:960px;
height:311px;
background: url(../images/menu.png);
}
#onas{
position:absolute;
top: 140px;
right: 980px;
width:143px;
height:36px;
background:url(../images/onas.png);
display:block;
outline:none;
}
#cennik{
position:absolute;
top: 140px;
right: 760px;
width:193px;
height:36px;
background:url(../images/cennik.png);
display:block;
outline:none;
}
#kontakt {
position:absolute;
top: 140px;
right: 500px;
width:237px;
height:36px;
background:url(../images/kontakt.png);
display:block;
outline:none;
}
#malelogo {
position:absolute;
top: 350px;
left: 500px;
width:169px;
height:179px;
background:url(../images/malelogo.png);
}
#tekst1{
position:absolute;
top: 380px;
left: 680px;
width: 700px;
}
#tekst2{
position:absolute;
top: 600px;
left: 510px;
width:880px;
}
#tekst3{
position:absolute;
top: 380px;
left: 510px;
width: 880px;}
#mapa
{
position:absolute;
top: 380px;
left: 510px;
width: 880px;}
#content {
}
.post {
}
.postmeta {
}
#footer {
}RE: rozjeżdzający się layaut - Pedro84 - 11-02-2013
URL nie śmiga.
PS. Ten kod to sieczka niestety.
RE: rozjeżdzający się layaut - Kartofelek - 11-02-2013
Potwierdzam. URL nie śmiga. Ps. Ten kod to sieczka niestety :}
RE: rozjeżdzający się layaut - taaniel - 11-02-2013
no tak
ale lokalnie chodzi a na komorce sie rozjeżdza:? 3 h temu dopiero dodałem DNS
RE: rozjeżdzający się layaut - Pedro84 - 11-02-2013
A gdzie tu masz jakikolwiek styl, który ma dostosowywać stronę do mobilków? Ktoś tu poczytać podstawy musi
