størrelse på 2 div det samme som nr 3

glemt at at skrive jeg har dem til at side i centeret på siden sådan
<div id="box">
<div id="shadow_left"></div>
<div id="page">Alt min indhold på siden</div>
<div id="shadow_right"></div>
</div>

#box{
width:950px;
margin:0 auto;
}

<ole>

Det kan du ikke løse med CSS

/mvh
</bole>

hvordan så det kan da ikke passe det ikke kan lade sig gøre..

har set det på en side nu kan jeg bare ikke finde den igen

Jamen, der er da masser af ting, der ikke kan lade sig gøre i CSS - og nu fortæller jeg dig altså, det ikke kan lade sig gøre ... heller ikke på den side, du ikke kan finde igen. Så må du tro mig eller lade være  =)

Da jeg ikke ved, hvad resultatet skal være, kan jeg heller ikke give dig evt. alternative løsninger

Som Olebole siger.

Det må nok løses med noget JavaScript.

har lige load det om midler tidlig på.

www.hostbox.dk

Hvis det er noget så simpelt (skyggerne), og det ikke tilføjer så store begrænsninger, hvorfor ikke bare lave en tabel med 3 celler?

Eksempel:
skygge-venstre (smal, skygge-bredde), indhold, skygge-højre (smal, skygge-bredde)

det var bare jeg helt ville være fri for at bruge tabel men det kan da godt være der er dem nemmeste løsning..

men der er fordi siden skal laves så den også kan ses på iphone og ipods. så er tabeler ikke så godt

Jeg ville da mene at tabeller er gode på mobileenheder, da de er dynamiske..?
Men måske har jeg misforstået det.. :-)

Jeg går ud fra, at du har en mobil-udgave, med knap så meget grafik..

ja det er rigtig noget af grafikke ryger og baggrund gitter og skygger bliver slettet, så den blå går helt du til kanten

til thesurfer....

kan du så med css instille tabellen så den er 950px bred og den første kolone er 65 og næste 820 og 65 og baggrunds billeder i den også..

Ja, på samme måde som du gør nu.

Ekspertens mailsystem virker ikke optimalt lige nu.. jeg har lige fået mail om indlægget 26/07-2008 17:40:45..

okay så må points være dine.. det er da dem bedste løsning.. for så kan jeg bare sætte breden til 0px til mobil ved.

0px? Jeg kunne egentligt godt tænke mig at se løsningen, inden jeg tager points for den.. :-)

<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">

hvordan laver jeg den i css. så er jeg klar med løsningen

Der er vel ingen grund til at lade mobilen downloade en masse kode, den ikke skal bruge. Prøv at forklare lidt tydeligere, hvad det er, du prøver på  =)

Noget i stil med (linien "border:0px;" er nok overflødig i "hovedtabel"):

#hovedtabel
{
    width:950px;
    margin:0 auto;
    border:0px;
    border-collapse:collapse;
}

#venstre
{
    width:65px;
}

#indhold
{
    width:820px;
}

#hoejre
{
    width:65px;
}

<table id="hovedtabel">
<tr>
    <td id="venstre">v</td>
    <td id="indhold">indhold</td>
    <td id="hoejre">h</td>
</tr>
</table>

table{
  width:950px;
  border-width:0;
  border-collapse:collapse,
  text-align:center;
}

Men som de andre også påpeger, vil du kunne gøre det hele meget bedre.

Og olebole har en god pointe..

jeg vil have det som du kan se på www.hostbox.dk med skyggerne følger hele vejen ned. det kan jeg med tabelen som thesurfer fortalte.. det virker også fint hvis jeg bar kan så denne linje lavet om til css

table width="950" border="0" align="center" cellpadding="0" cellspacing="0">

når jeg så siden skal vises på mobil enheder bliver alt grafik fjerner og bare en blå baggrund med tekst.

Nej, det bliver vist ikke fjernet - blot skjult. Mobilen skal jo alligevel downloade al den unødige kode  =)

sådan ser der ud med tabel

http://www.hostbox.dk/index2.php

"Mobilen skal jo alligevel downloade al den unødige kode og billeder" - skulle der nok stå  =)

Fungerende eksempel:

<style type="text/css">
td
{
    vertical-align:top; /* teksten placeres i toppen af cellerne */
}

#hovedtabel /* hvis du kun har 1 tabel, kan du erstatte "#hovedtabel" med "table" */
{
    width:950px;
    margin:0 auto; /* centrer tabellen, hvis du vil */
    /*text-align:center;  centrer teksten, hvis du vil */
    border:0px;
    border-collapse:collapse;
}

#venstre
{
    width:65px;
    background-image:url('http://www.hostbox.dk/pageimg/shadow_left.png');
    background-repeat:repeat-y;
}

#indhold
{
    width:820px;
}

#hoejre
{
    width:65px;
    background-image:url('http://www.hostbox.dk/pageimg/shadow_right.png');
    background-repeat:repeat-y;
}
</style>

<table id="hovedtabel">
<tr>
    <td id="venstre">v</td>
    <td id="indhold">indhold<br><br><br><br><br><br><br><br>mere indhold<br></td>
    <td id="hoejre">h</td>
</tr>
</table>

det kommer den jo ikke til når jeg laver et nyt css til den.. så henter den da kun hvad der er nødvendig..

jeg kan ikke få den sidste fejl rette på siden

Jeg troede at gitteret skulle væk, jvf 26/07-2008 17:51:37.. ?

Skulle der ikke være blå baggund i stedet for gitteret..?

Hvilken fejl?

på denne side : hostbox.dk/index2.php

er der på min skærm en fejl mellem den blåbaggrund og den højre skygge der er  lige som et mellem rum..

gitter skal kun væk på mobiludgaven.

Man kan jo bestemme hvilke CSS filer der skal loades, med "media"..

Eksempel:

<link rel="stylesheet" href="/path/to/handheld.css" type="text/css" media="handheld" />

Taget fra http://nidahas.com/2005/04/04/mobile-css-first-steps/

Med PHP kan man også kigge nærmere på useragent.. hvis det er en mobil udgave, kan man nøjes med at inkludere de basale koder og billeder..

ja det er også min plan. hvis jeg bare jeg kan så siden til at se rigtig ud på skærmen og fjerne den mellemrum

Jeg vil tro, at der er et eller andet, der rager lidt ud over..

Tjek bredderne af dine elementer.

Du skal lige have indsat pngfix.. Internet Explorer version 6 og under, kan ikke finde ud af transparency/gennemsigtighed i PNG filer..

http://homepage.ntlworld.com/bobosola/pnghowto.htm

Jeg er tilbage om et par timer.. hvis du ikke har fået fikset fejlene inden da, kigger jeg gerne på dem.

.menu
padding-top:6px;
->
padding:6px 0 0 0;
(ret talene til eller øg width på elementet og giv li'erne noget left padding)

... padding på ul er ikke 0 fra start af

Hmm, jeg så forkert - det var ikke
menu'en der gav problemet, men td'erne ...

td {padding:0;}

hp-power?

jeg har faktisk fået det til at virke med div. jeg fandt den side på nettet igen...

se www.hostbox.dk

Ok. Jamen hvis du selv har løst det, så opret selv et svar og accepter det.

svar