Podejrzewam, że już gdzieś taki post był już ale go nie mogę jakoś go znaleźć. Czy da się ustawić automatyczną szerokość diva.
Mam 2 divy w divie. Ten większy div jest na całą stronę natomiast w jednym z divów wyświetlane jest logo a w tym drugim chce wyświetlić coś innego na pozostałą część strony.
Wiecie może jak ot rozwiązać?
Pozdrawiam
Pełna wersja: automatyczna szerokość diva
To podawaj szerokość w procentach.
np. tak:
powodzenia!
powodzenia!
nie do końca chodziło mi o to:/
kod strony:
i jeszcze css
div logos i pasek maja być w jednej lini w divie logo.
Div pasek ma się rozciągać na pozostałą część ekranu.
Myślę, że da się to zrobić
Pomocy Panowie i Panie
Rozwiązałem mój problem w trochę inny sposób, lecz jeśli Ktoś ma pomysł jak to rozwiązać to nich wrzuci będzie dla potomnych
kod strony:
Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<title>TEST XHTML ^ DIV</title>
<link rel="stylesheet" type="text/css" href="test.css" />
</head>
<body>
<div id="center">
<div id="top">
top
</div>
<div id="logo"><div id="logos"><img src="../images/citybuilding1_01.png" width="225" height="205" /><img src="../images/citybuilding1_02.png" width="331" height="205" /><img src="../images/citybuilding1_03.png" width="408" height="205" /></div>
<div id="pasek"></div>
</div>
<div id="menu">
<div id="menutekst"><a href="1.html" onclick="getAXAH('1.html','cos');getAXAH('2.html','cosi');return false;">link1</a><a href="2.html" onclick="getAXAH('2.html','cos');getAXAH('3.html','cosi');return false;">link2</a></div>
</div>
<div id="cos">
tresc lewego DIVa</div>
<div id="cosi">
tresc prawego DIVa</div>
<br style="clear: both" />
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<title>TEST XHTML ^ DIV</title>
<link rel="stylesheet" type="text/css" href="test.css" />
</head>
<body>
<div id="center">
<div id="top">
top
</div>
<div id="logo"><div id="logos"><img src="../images/citybuilding1_01.png" width="225" height="205" /><img src="../images/citybuilding1_02.png" width="331" height="205" /><img src="../images/citybuilding1_03.png" width="408" height="205" /></div>
<div id="pasek"></div>
</div>
<div id="menu">
<div id="menutekst"><a href="1.html" onclick="getAXAH('1.html','cos');getAXAH('2.html','cosi');return false;">link1</a><a href="2.html" onclick="getAXAH('2.html','cos');getAXAH('3.html','cosi');return false;">link2</a></div>
</div>
<div id="cos">
tresc lewego DIVa</div>
<div id="cosi">
tresc prawego DIVa</div>
<br style="clear: both" />
</div>
</body>
</html>
i jeszcze css
Kod
body{
margin: 0;
padding: 0;
font-family:Verdana, arial, Helvetica, sans-serif;
font-size:11px;
text-align: center;
}
#center{
border: 1px solid gray;
margin: 0 auto;
width: 99%;
border-width:1px;
text-align: left;
}
#top{
text-align:right;
height:17px;
border: none;
border-bottom: 1px solid gray;
padding:2px;
}
#logo{
height:205px;
padding:2px;
}
#menu{
height:17px;
padding:2px;
border: none;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}
#cos{
background-color:#0033CC;
width: 300px;
float:left;
padding:2px;
}
#cosi{
background-color:#CC3366;
width: 492px;
float:left;
padding: 2px;
}
#menutekst{
display:inline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
#pasek{
display:inline;
max-width:100%;
background-color:#FF0000;
}
#logos{
display:inline;
width: 858px;
}
margin: 0;
padding: 0;
font-family:Verdana, arial, Helvetica, sans-serif;
font-size:11px;
text-align: center;
}
#center{
border: 1px solid gray;
margin: 0 auto;
width: 99%;
border-width:1px;
text-align: left;
}
#top{
text-align:right;
height:17px;
border: none;
border-bottom: 1px solid gray;
padding:2px;
}
#logo{
height:205px;
padding:2px;
}
#menu{
height:17px;
padding:2px;
border: none;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}
#cos{
background-color:#0033CC;
width: 300px;
float:left;
padding:2px;
}
#cosi{
background-color:#CC3366;
width: 492px;
float:left;
padding: 2px;
}
#menutekst{
display:inline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
#pasek{
display:inline;
max-width:100%;
background-color:#FF0000;
}
#logos{
display:inline;
width: 858px;
}
div logos i pasek maja być w jednej lini w divie logo.
Div pasek ma się rozciągać na pozostałą część ekranu.
Myślę, że da się to zrobić
Pomocy Panowie i Panie
Rozwiązałem mój problem w trochę inny sposób, lecz jeśli Ktoś ma pomysł jak to rozwiązać to nich wrzuci będzie dla potomnych
ale mój kod robi dokładnie to czego oczekujesz. napisz co ci się w nim nie podoba, bo teraz nie rozumiem co chcesz osiągnąć. piszesz, że on nie działa, a on wyświetla dokładnie to, co wynika z twojego opisu...
w szerokim skrucie chodzi o to aby div pasek rozszerzał się na pozostałą część diva logo.
To wszystko.
To wszystko.
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.