abonnement Unibet Coolblue Bitvavo
pi_71536908
Hallo Fokkertjes,

Ik ben hier bezig met een simpele website voor een radioprogramma, en zoals altijd gooit IE roet in het eten. De bedoeling is om een plaatje te floaten naar left en een menubalk daarnaast te laten zien. Daaronder dan weer een blokje met playlist en de gewone tekst.

Firefox laat het vrolijk zien, IE8 ook, IE7 waagt zich er niet aan. Het menu wordt naar beneden gedrukt, waardoor de hele layout naar de kloten gaat.Het is vast een heel dom foutje ergens die heel simpel is op te lossen, maar ik kan er niet opkomen.

De pagina staat op http://www.marktreffer.nl. Het ballonnenmannetje moet dus floaten, de rest ernaast.

Help
I'm sorry, you must be confusing me with someone who gives a shit.
pi_71537096
Ik zou bij het menu ook float: left; zetten.
pi_71537466
Dan verneukt Firefox hem ook, komt de tekst naast de ballon te staan en het menu onder de ballon.

Heb het nu opgelost door alle content behalve die ballon in een float:left te zetten en dan wat correctie met margins, dan werkt 'ie wel weer.
I'm sorry, you must be confusing me with someone who gives a shit.
pi_71563381
Ik heb ook weer eens een probleempje. Ik wil iets te maken met rounded corners. Dat is op zich goed mogelijk, er zijn 1001 manieren om dat te doen. Probleem is alleen dat het vlak met de rounded corners half over een foto en/of flashanimatie komt, en ik dus geen vaste achtergrondkleur aan de buitenkant kan gebruiken.

Het moet ook werken in IE7, dus het zal iets moeten worden met plaatjes. Iemand een idee hoe ik dat het beste kan aanpakken, zonder dat er 10.000 div's nodig zijn?
pi_71565062
Dat kan simpelweg niet, tenzij je hele rare dingen gaat doen met tig div's inderdaad. Screw IE, of pas het ontwerp aan. Sommige zaken kunnen nu eenmaal niet op een zinnige manier.
pi_71565407
Ik was er al bang voor. Dat wordt dus veel div's gebruiken. Ontwerp aanpassen is geen optie en IE laten vallen ook niet. Daar vindt de klant niet goed. Helaas.
pi_71568015
quote:
Op maandag 3 augustus 2009 15:13 schreef Light het volgende:
Ik was er al bang voor. Dat wordt dus veel div's gebruiken. Ontwerp aanpassen is geen optie en IE laten vallen ook niet. Daar vindt de klant niet goed. Helaas.
Je kunt ook als internetprofessional zeggen dat er geen (fatsoenlijke) oplossing is
pi_71568301
quote:
Op maandag 3 augustus 2009 16:50 schreef Roy_T het volgende:

[..]

Je kunt ook als internetprofessional zeggen dat er geen (fatsoenlijke) oplossing is
Als er geen oplossing is, dan zeggen we dat ook wel
pi_71568474
quote:
Op maandag 3 augustus 2009 17:01 schreef Light het volgende:

Als er geen oplossing is, dan zeggen we dat ook wel
Dit is een mooie kandidaat ervoor Het is alleen te doen door te prutsen
pi_71622756
Kun je het niet gewoon doen met PNG's met transparante achtergrond?
I'm sorry, you must be confusing me with someone who gives a shit.
pi_71623073
quote:
Op woensdag 5 augustus 2009 14:07 schreef Tunafish het volgende:
Kun je het niet gewoon doen met PNG's met transparante achtergrond?
Ja, met de buitenrand transparant. Dat kan inderdaad, en zo heb ik het ook opgelost. Nadeel is dat ik dan 8 div's nodig heb waar ik normaal met 1 had toegekund.
pi_71623121
quote:
Op maandag 3 augustus 2009 17:09 schreef Roy_T het volgende:

[..]

Dit is een mooie kandidaat ervoor Het is alleen te doen door te prutsen
Nee. Het is te doen, dus gaan we de klant niet lastig vallen met het feit dat het wat ingewikkelder is dan normaal.
pi_71640620
quote:
Op woensdag 5 augustus 2009 14:20 schreef Light het volgende:

Nee. Het is te doen, dus gaan we de klant niet lastig vallen met het feit dat het wat ingewikkelder is dan normaal.
Ik zou iig een klant geen oplossing verkopen die 8 extra div's omvat. Wij doen het gewoon niet. maar ieder zijn werkwijze
  donderdag 20 augustus 2009 @ 19:55:26 #264
258901 Stockton
Billy Barracuda
pi_72051109
Vraag: Ik ben met de header bezig in een container:
quote:
#container {
width: 941px;
background: #FFF url(images/repeat.png) repeat-y;
text-align: left;
margin: 0 auto;
}

#headerleft{
width: 452px;
background-image: url(images/header.png);
height: 273px;
float: left;
}

#headerright{
float: right;
height: 273px;
width: 489px;
}
Headerright en HEaderleft zijn samen de gehele header, maar dit is apart langs elkaar omdat Headerleft één grote afbeelding bevat, en headerright aparte afbeeldingen die samen het menu vormen.
Nu is het eigenlijk simpel gezegt dat header right breder moet worden, breder dan de container. Een paar afbeeldingen steken er namelijk uit (mooi effect), en daarom moet breder.

Moet ik nu de container later laten beginnen, of kan ik het door enig of andere manier dat een afbeelding over de toegestaande breedte kan?

Ben zelf niet zo met CSS, daarom deze vraag. Via google krijg je wel honderden sites, maar niet echt een goede.

Alvast bedankt!
GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS
pi_72054816
quote:
Op donderdag 20 augustus 2009 19:55 schreef Stockton het volgende:
Vraag: Ik ben met de header bezig in een container:
[..]

Headerright en HEaderleft zijn samen de gehele header, maar dit is apart langs elkaar omdat Headerleft één grote afbeelding bevat, en headerright aparte afbeeldingen die samen het menu vormen.
Nu is het eigenlijk simpel gezegt dat header right breder moet worden, breder dan de container. Een paar afbeeldingen steken er namelijk uit (mooi effect), en daarom moet breder.

Moet ik nu de container later laten beginnen, of kan ik het door enig of andere manier dat een afbeelding over de toegestaande breedte kan?

Ben zelf niet zo met CSS, daarom deze vraag. Via google krijg je wel honderden sites, maar niet echt een goede.

Alvast bedankt!
Is het geen oplossing de container breder te maken? Anders kun je ook nog #headerleft een negatieve margin-left geven, en #headerright een negatieve margin-right.
pi_72066000
De container breder maken inderdaad, en de header ook.

Eventuele content daaronder zou je in een tweede smallere container kunnen zetten.
pi_72122375
Ik heb in de loop der jaren een aantal standaard dingen geleerd, een div in het midden uitlijnen kan dmv margin: 0 auto, maar hoe krijg ik een footer ook alweer minimaal tot de onderkant van de pagina?
  maandag 24 augustus 2009 @ 21:05:55 #268
87680 Mirel
Mirel wil een bongophone.
pi_72122476
asdsawqeasdfe

[ Bericht 63% gewijzigd door Mirel op 24-08-2009 21:22:17 ]
When all else fails, you always have delusion.
  maandag 24 augustus 2009 @ 21:34:51 #269
267127 de_DDoSwachter
F5 F5 F5 F5 F5 F5 F5 F5 F5 F5
pi_72123417
quote:
Op maandag 24 augustus 2009 @ 21:02 schreef Flaccid het volgende:
Ik heb in de loop der jaren een aantal standaard dingen geleerd, een div in het midden uitlijnen kan dmv margin: 0 auto, maar hoe krijg ik een footer ook alweer minimaal tot de onderkant van de pagina?
Da's voor meerder uitleg vatbaar...

Wil je een fixed footer onderaan? zoja: position:fixex, en wat hacks voor IE.
Wil je een layout met 100% hoogte? min-height:100%, evt. wat combi's met faux columns, en de nodige IE-hacks.

http://www.google.nl/search?q=css+100%25+height
http://www.google.nl/search?q=css+fixed+footer
pi_72133354
Heb nu 4 floats, maar die blijven niet binnen 1 div. Hoe kan ik dat toch goed hebben?
pi_72134751
quote:
Op dinsdag 25 augustus 2009 10:23 schreef Flaccid het volgende:
Heb nu 4 floats, maar die blijven niet binnen 1 div. Hoe kan ik dat toch goed hebben?
Wat wil je, dat de parent mee schaalt met de div's die erin gefloat worden, of bedoel je iets anders?
  dinsdag 25 augustus 2009 @ 11:42:21 #272
267127 de_DDoSwachter
F5 F5 F5 F5 F5 F5 F5 F5 F5 F5
pi_72135262
quote:
Op dinsdag 25 augustus 2009 10:23 schreef Flaccid het volgende:
Heb nu 4 floats, maar die blijven niet binnen 1 div. Hoe kan ik dat toch goed hebben?
90% kans dat je er een element met clear:both onder moet gooien. Zo niet dan zul je toch wat meer moeite moeten doen om je probleem uit te leggen.
pi_72137426
quote:
Op dinsdag 25 augustus 2009 11:42 schreef de_DDoSwachter het volgende:

90% kans dat je er een element met clear:both onder moet gooien
Of gewoon de parent div overflow:auto geven, en geen overbodige elementen toevoegen
pi_72137484
Clear:both heeft gewerkt thanks
  woensdag 26 augustus 2009 @ 20:31:49 #275
258901 Stockton
Billy Barracuda
pi_72181864
quote:
Op donderdag 20 augustus 2009 21:28 schreef Light het volgende:

[..]

Is het geen oplossing de container breder te maken? Anders kun je ook nog #headerleft een negatieve margin-left geven, en #headerright een negatieve margin-right.
De container breder maken was niet echt een optie, omdat me gehele layout dan weer moest veranderen.
Ik heb het uitstekende gedeelte van de afbeelding afgeknipt, en die in een Div gezet en de div de plek van links boven gegeven. De afbeelding lijkt nu één, maar is eigenlijk uit twee delen.

Toch iedereen bedankt voor de hulp
GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS GS
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')