Had a little trouble trying to make a specific title for this post Alright, so I made my page in Illustrator, brought it into Dreamweaver, and followed steps from this video: ... found out I can`t insert links yet... ok the video is on youtube, search "Tutvid Import your PSD layouts into Dreamweaver!" I`m at the "inserting content to the main content area step," 8 minutes in. I follow the given steps to insert a div tag in order to change my background to proper colour, I change the box size to match the exact area in pixels, and I set a standard font type. I enter all my text and save and preview. It`s fine. However if at any time I press enter to create a paragraph and then save and preview in firefox it will be as if the paragraph I entered somehow caused the entire area to grow. But if I preview in Explorer it previews fine although regardless it still looks wrong in dreamweaver. I can`t figure it out for the life of me. Any help would be appreciated... everything I know about div tags and css I learned on the tutvid youtube video attached so my knowledge is lacking.
So even though I wasnt approaching the edge of the div it seemed like the div thought I was. Anyways I changed the CSS rule definition for overflow to hidden and this seems to have works. Any better fixes of course always appreciated!
I'd like to see a picture of the result you're talking about. Overflow:hidden will hide any overflow (if there's a height or width set on this box) which isn't what you want. However I suspect you have a float in there-- overflow: hidden on a float's container will make that container grow to contain the float too. IE has a bug with this-- it'll usually make the container hold the float anyway, when it shouldn't. This is very basic stuff (the float stuff) so if you are actually getting into web building, you should read something like http://gtwebdev.com/workshop/floats/enclosing-floats.php or look at my pages with both IE and FF: http://stommepoes.nl/floaties.html Though I don't know that you had any floats, just sounded like a very popular question. Lastly, if you're REALLY going to be building web pages, you're doing it the Wrong Way : ) Building a page in an image editor like Photoshop or Illustrator and then splurting it into DreamBeaver will give you the worst code and you'll have no idea who is doing what and why. Robots write code like they dance-- extremely awkwardly. But chucking all that and starting with a text editor, a few browsers open and some good tutorial (like htmldog.com's) does take a lot of time... going on 2 years for me.
@Sp: Yeah, but you got the basics quickly, and were always working toward doing things the right way. Learning how comes fairly quickly. It is learning why, which takes longer, and some never do, that gives you mastery. @-58-: (⇠Kinda looks like comic book cussing ) Dump Dreamweaver, use PS for working with images, not design, and get yourself a real text editor (not some notepad knockoff) and start typing. You'll have better control, better markup and style rulesets, and believe it or not, you'll be able to work faster. I know Sp likes Vi(m); I prefer Emacs. Every other editor falls short of the power and productivity inherent in these two editors. Some are good enough, though. cheers, gary