Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: jak powiekszyc ten szablon?
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
martino277
siemka all!! mam pytanie czy ktos mi poddpowie jak mam powiekszyc ten szablon probowalem zmieniac i udalo mi sie tylko powiekszyc niektore elementy a chcialbym powiekszyc calos tak zeby bylo widoczne w claym oknie przeg;ladarki pozdrawiam i dziekuje za pomoc oto kod :

<?xml version="1.0" encoding="ISO-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl"><head>
<meta http-equiv="Content-type" content="text/xml; charset=iso-8859-2" />
<title>2 kolumny na całą szerokość</title>
<style type="text/css"><!--
body { font-family:arial; font-size:13px; text-align:center; }
body div { text-align:left; }
a { color:blue;}

#strona {
width:450px; margin-left:auto; margin-right:auto;
border:1px solid gray; padding:2px;
}

#naglowek { }
#lewa { float:left; width:30%; }
#prawa { float:right; width:70%; }
#stopka { clear:both; }

#naglowek .zawartosc {
border:1px solid black;
padding:5px;
padding-left:25px;
background:yellow;
color:red;
font-size:20px;
}

#lewa .zawartosc {
padding:5px;
color:navy;
margin-top:3px;
margin-bottom:3px;
}

#prawa .zawartosc {
border-left:1px solid gray;
padding:5px;
color:navy;
margin-top:3px;
margin-bottom:3px;
}

#stopka .zawartosc {
border:1px solid navy;
padding:3px;
padding-right:10px;
background:#eeeedd;
color:maroon;
font-size:11px;
text-align:right;
}

.tytul {
font-size:18px;
color:gray;
border-left:10px solid #eeeeee;
padding-left:10px;
}
--></style>
</head><body>
<div id="strona">

<div id="naglowek"><div class="zawartosc">
Nagłówek strony
</div></div>

<div id="lewa"><div class="zawartosc">
• Pozycja menu<br />
• Pozycja menu<br />
• Pozycja menu<br />
</div></div>

<div id="prawa"><div class="zawartosc">
<div class="tytul">Tytuł strony</div>
<p>
Zawartość tej kolumny to zwykły element div,
który wypozycjowany jest po prawej stronie.
</p>
<p>
Kolejny akapit tekstu...
</p>
</div></div>

<div id="stopka"><div class="zawartosc">
&copy; 2005 Autor Dwukolumnowego Szablonu
</div></div>

</div>
</body></html>
frickle
ja bym spróbował zmienić:

#strona {
width:450px; margin-left:auto; margin-right:auto;
border:1px solid gray; padding:2px;
}

na

#strona {
width:100%;
...
}

to jest główny kontener całej strony, więc ustawienie szerokości na 100% powinno rozszerzyć do szerokości okna przeglądarki

EDIT: sprawdzone, działa.
żeby jeszcze zgubić marginesy trzebaby dopisać:

body {
margin:0;
}
martino277
dziala elegancko kolego pozdrawiam i serdecznie dziekuje

ale jeszcze bym sie ciebie kilka rzeczy zapytal rozciagnalem teraz ta strone zeby byla wieksza itak zeby byla widoczna w calej przegladarce intresuje mnie jak wydluzyc ta kreske dzielaca dwie kolumny i i po przeniesieniu tej kreski dzelacej jak umiescic te pozycje menu zeby byl7y dokladnie w tej czesci menu ktora zostala zmniejszona do tego po co dodaWAC TEN KOD zeby wyeliminowac te marginesy wytlumacz mi to bo nieczaje a chcialbym to wiedziec pozdrawiam i dzieki za pomoc
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.