netscape -4.xx fattar inget, ie -3.xx likaså.(?)
Men varför bry sig om så gammla läsare?
Frågan#1
Är det någon fara för kompabilitet att bygga upp sin sida med div-taggar istället för att använda tabeller (nästlade)?
Ev. för och nackdelar?
DIV??
21 svar · 645 visningar · startad av harry_boy
Nej det har du rätt i. Så du menar att jag kan "rita" upp sidan i typ Dreamweaver enbart med DIV´s och det blir inga problem att köra detta i olika browsers!
Vore ju väldans bra :-)
Jag tycker att man har mer koll på sidan om man bygger den med tabeller, men det är nog bara en gammal vana från tiden då <div> inte fanns ;)
// Nippe
Enkel regel som jag håller mig efter: Kan du bygga med divar, gör det! ;)
...och varför skulle man inte kunna det?
Jag är nog lite nojig för att jag aldrig använt det innan. Men är det någon som har några länkar på sidor som är byggda med enbart (eller mestadels) divar?
Jesper T skrev:
Enkel regel som jag håller mig efter: Kan du bygga med divar, gör det! ;)
...och varför skulle man inte kunna det?
:e Jag diggar <table> :birp
Vilket program jobbar ni i som är enklast att när man jobbar med DIV´s ... inget texteditor program ... plz???
Här är en bra tråd som tar upp detta:
http://www.webforum.nu/showthread.php?s=&forumid=12&threadid=55676
harry_boy skrev:
Vilket program jobbar ni i som är enklast att när man jobbar med DIV´s ... inget texteditor program ... plz???
Jag använder Dreamweaver. Men när man jobbar med absolut positionerade divar så spelar det ingen roll att du använder en så avancerad grafisk editor som Dreamweaver, den hanterar inte divar på ett ärligt sätt. Någon editor som hanterar annat är den gamla standarden (och delvis den nya) på ett tillfredsställande sätt har jag ännu inte sätt.
harry_boy skrev:
Men är det någon som har några länkar på sidor som är byggda med enbart (eller mestadels) divar?
Jag har nyligen snubblat förbi t.ex. http://www.quark.com/ och
http://ami.com/ - Men det finns säkert fler :e
Redesign med "div:ar" verkar vara i ropet just nu ;)
En sida byggd med "divar": http://www.spray.se
x( Är det ingen annan förutom jag som tycker om <table>? ;)
Nu har Ni satt mig i skiten ... hur skall jag orka upp och spela golf i morgon :-) Detta var roligt att "dona" med.
Men nu kommer första frågan .... tänk Er en rad som är 100px hög som jag vill ha 3 divare jämte varandra som skall vara centrerade och enbart vara 780px bred tillsammans. De yttersa divarna sätter jag på 7px så den i mitten blir på 766px bred. Hur gör jag för att få dessa på samma rad och centrerade i mitten???
Åh.. jag säger bara tables ;) :p
harry_boy:
Visst är det skoj med den här typen av utmaningar, så tillåt mig att "sätta dig ännu djupare i skiten" :e - det finns nämligen mycket roligt att meka med (och lära sig av) på http://www.positioniseverything.net/ :bire
Och sedan har du ju http://css-discuss.incutio.com/ - speciellt sidan: http://css-discuss.incutio.com/?page=ThreeColumnLayouts
Den sista länken är också ett exempel på för- och nackdelar med CSS-layouter eftersom den berör lite av vad som funkar och vad som inte funkar i vissa (ö?)kända webbläsare ;)
Hmmm ... jag som inte dricker kaffe .. hur fasen skall jag kunna hålla mig vaken :-)
Tack så hemskt mycket för tipsen!
Är detta månne en hjälp på vägen till en lugn natts sömn ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<title>Divarehär!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
#omslag {
margin:150px auto auto auto;
text-align:center;
width:780px; height:100px;
}
#innehall {float:left; width:766px; height:100%; background-color:silver; text-align:left; }
#vanster {float:left; width:7px; height:100%; background-color:gray;}
#hoger {float:right;width:7px; height:100%; background-color:gray;}
-->
</style>
</head>
<body>
<div id="omslag">
<div id="vanster">&nbsp;</div>
<div id="innehall">Detta är mitt emellan</div>
<div id="hoger">&nbsp;</div>
</div>
</body>
</html>